*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#1e293b;background-color:#ffffff}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem;font-weight:900}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem;color:#475569}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.grid{display:grid;gap:2rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-4{grid-template-columns:repeat(2,1fr);max-width:1000px;margin:0 auto}@media(min-width:769px)and(max-width:1024px){.grid-4{max-width:900px;gap:1.5rem}}@media(min-width:640px)and(max-width:768px){.grid-4{grid-template-columns:repeat(2,1fr);max-width:100%;gap:1.5rem}.feature-card{padding:1.5rem}}.section{padding:4rem 0}.section-white{background-color:#ffffff}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{margin-bottom:1rem}.header{position:sticky;top:0;z-index:1000;background:rgba(15,23,42,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem}.logo{display:flex;align-items:center;gap:0.5rem}.logo img{width:32px;height:32px;border-radius:8px}.logo span{font-weight:700;font-size:1.25rem;color:#ffffff}.nav-links{display:none}.menu-btn{background:none;border:none;cursor:pointer;padding:0.5rem;z-index:1001}.menu-btn .material-symbols-outlined{font-size:2rem;color:#ffffff;transition:transform 0.3s ease}.mobile-menu{display:none;position:absolute;top:100%;right:1rem;background-color:rgba(30,41,59,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0.5rem;box-shadow:0 10px 25px rgba(0,0,0,0.2);padding:1rem;min-width:200px;text-align:right;border:1px solid rgba(255,255,255,0.1)}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:0.75rem 1rem;color:#cbd5e1;text-decoration:none;font-weight:600;border-radius:0.375rem;transition:background-color 0.2s ease,color 0.2s ease}.mobile-menu a:hover{background-color:rgba(255,255,255,0.1);color:#ffffff}.hero{padding:4rem 0;display:flex;align-items:center;text-align:center;min-height:70vh}.hero-content{max-width:800px;margin:0 auto}.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#ffffff}.platform-badge{display:inline-block;background:rgba(255,255,255,0.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffff;padding:0.75rem 1.75rem;border-radius:2rem;font-size:clamp(0.7rem,2.5vw,0.9rem);font-weight:700;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);transition:all 0.3s ease;cursor:default;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.platform-badge:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.25)}@media(max-width:768px){.platform-badge{padding:0.8rem 1.5rem;font-size:clamp(0.75rem,2.8vw,1rem);margin-bottom:1.25rem;width:80vw;max-width:80vw;text-align:center;display:block;margin-left:auto;margin-right:auto}}@media(max-width:480px){.platform-badge{padding:0.7rem 1.25rem;font-size:clamp(0.7rem,3.2vw,0.9rem);white-space:nowrap;width:80vw;max-width:80vw;text-align:center;display:block;margin-left:auto;margin-right:auto}}.hero h1{font-size:clamp(1.75rem,6vw,2.8rem);font-weight:900;margin-bottom:1.75rem;line-height:1.15;text-align:center;word-break:keep-all;overflow-wrap:normal}.hero .accent{color:#fbbf24}.hero p{font-size:1.2rem;margin-bottom:2rem;color:rgba(255,255,255,0.9);max-width:600px;margin-left:auto;margin-right:auto}.hero-subheadline{font-size:1.15rem;line-height:1.6;color:rgba(255,255,255,0.88);max-width:680px;margin:0 auto 2.5rem auto;font-weight:400}@media(max-width:768px){.hero{padding:3rem 0}.hero h1{font-size:clamp(1.5rem,7vw,2.5rem);white-space:nowrap}.hero p{font-size:1.125rem}}.hero-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}.download-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;align-items:center}.secondary-download{display:flex;justify-content:center}.app-store-badge{display:inline-flex;align-items:center;justify-content:center;height:60px;min-width:180px;transition:transform 0.2s ease}.app-store-badge:hover{transform:translateY(-2px)}.app-store-badge img{height:60px;width:auto;border-radius:8px}.android-preview-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.4rem 0.8rem;background:#34d399;color:#ffffff;text-decoration:none;font-weight:700;font-size:0.85rem;border-radius:8px;transition:all 0.3s ease;border:none;cursor:pointer;text-align:center;height:60px;min-width:180px;line-height:1.2}.android-preview-btn:hover{background:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,211,153,0.3)}.secondary-download .android-preview-btn,.secondary-download .app-store-badge{transform:scale(0.85);opacity:0.9}.secondary-download .android-preview-btn:hover,.secondary-download .app-store-badge:hover{transform:scale(0.85)translateY(-2px);opacity:1}#pricing .android-preview-btn,#pricing .app-store-badge,.cta-section .android-preview-btn,.cta-section .app-store-badge{transform:scale(0.9)}#pricing .android-preview-btn:hover,#pricing .app-store-badge:hover,.cta-section .android-preview-btn:hover,.cta-section .app-store-badge:hover{transform:scale(0.9)translateY(-2px)}.primary-button,.cta-button,.pricing-button{display:inline-block;padding:1rem 2rem;background:#fbbf24;color:#1e293b;text-decoration:none;font-weight:700;font-size:1.25rem;border-radius:0.5rem;transition:all 0.3s ease;border:none;cursor:pointer}.primary-button:hover,.cta-button:hover,.pricing-button:hover{background:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px rgba(251,191,36,0.3)}.feature-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;transition:transform 0.3s ease,box-shadow 0.3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.feature-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feature-icon{width:3rem;height:3rem;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon .material-symbols-outlined{font-size:1.5rem;color:#ffffff}.feature-icon.orange{background:#f97316}.feature-icon.blue{background:#3b82f6}.feature-icon.purple{background:#8b5cf6}.feature-icon.red{background:#ef4444}.feature-icon.green{background:#22c55e}.feature-icon.emerald{background:#10b981}.feature-card h3{margin-bottom:0.5rem;color:#1e293b}.steps{display:grid;gap:2rem;max-width:800px;margin:0 auto}.step{display:flex;gap:1.5rem;align-items:flex-start}.step-number{flex-shrink:0}.step-number-inner{width:3rem;height:3rem;background:#3b82f6;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.step h3{margin-bottom:0.5rem}.pricing-card{max-width:500px;margin:0 auto;background:#ffffff;border:1px solid #e2e8f0;border-radius:1rem;padding:2.5rem;text-align:center}.pricing-card h3{font-size:2rem;margin-bottom:0.5rem}.pricing-card .subtitle{color:#64748b;margin-bottom:1rem}.price{margin:0 0 1rem 0}.price .amount{font-size:2rem;font-weight:900;color:#1e293b}.price .period{color:#64748b;font-size:1.25rem}.free-trial-badge{display:inline-block;margin:1rem 0;background:linear-gradient(135deg,#34d399,#10b981);border-radius:25px;padding:0.75rem 1.5rem;box-shadow:0 4px 12px rgba(16,185,129,0.25);animation:pulse-glow 2s infinite}.trial-text{color:white;font-weight:700;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,0.1);letter-spacing:0.5px}@keyframes pulse-glow{0%{box-shadow:0 4px 12px rgba(16,185,129,0.25);transform:scale(1)}50%{box-shadow:0 6px 20px rgba(16,185,129,0.4);transform:scale(1.02)}100%{box-shadow:0 4px 12px rgba(16,185,129,0.25);transform:scale(1)}}.features-list{list-style:none;margin:2rem 0}.features-list li{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem;color:#475569}.features-list .material-symbols-outlined{color:#10b981}.faq{max-width:800px;margin:0 auto}.faq-item{margin-bottom:1rem;border:1px solid #e2e8f0;border-radius:0.5rem;overflow:hidden}.faq-button{width:100%;padding:1.5rem;background:#ffffff;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1rem}.faq-button:hover{background:#f8fafc}.faq-content{padding:0 1.5rem;max-height:0;overflow:hidden;transition:max-height 0.3s ease}.faq-content.open{max-height:200px;padding:1.5rem}.faq-icon{transition:transform 0.3s ease}.faq-content.open+.faq-button .faq-icon{transform:rotate(180deg)}.cta-section{text-align:center;padding:5rem 0}.cta-section h2{font-size:2.5rem;margin-bottom:1rem}.cta-section p{font-size:1.25rem;margin-bottom:2rem;color:rgba(255,255,255,0.9)}.footer{background:#1e293b;color:#ffffff;padding:3rem 0}.footer-logo{display:flex;align-items:center;gap:0.5rem;margin-bottom:2rem}.footer-logo img{width:32px;height:32px;border-radius:8px}.footer-logo span{font-weight:700;font-size:1.25rem}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.footer-links a{color:#cbd5e1;text-decoration:none;transition:color 0.3s ease}.footer-links a:hover{color:#ffffff}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2000;align-items:center;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-content{background:#ffffff;padding:2rem;border-radius:1rem;max-width:500px;margin:1rem;text-align:center;max-height:calc(100vh - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-close-btn{margin-top:1rem;padding:0.75rem 1.5rem;background:#3b82f6;color:#ffffff;border:none;border-radius:0.5rem;cursor:pointer}#personal-invite-container{margin-bottom:2rem;text-align:center}.invite-bar{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.invite-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,0.25)}.invite-text{color:#E9ECF1;font-weight:500;letter-spacing:0.2px}.invite-text strong{font-weight:700;color:#fbbf24}#hero-badge{display:inline-block}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}@media(max-width:768px){.hero h1{font-size:clamp(1.8rem,9vw,2.8rem);line-height:1.0}.section{padding:3rem 0}.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr;max-width:100%}.hero-buttons{flex-direction:column;align-items:center}.footer-links{flex-direction:column;align-items:center;gap:1rem}}@media(max-width:400px){.platform-badge{white-space:nowrap;padding:0.6rem 1rem;font-size:clamp(0.65rem,3.5vw,0.8rem);width:80vw;max-width:80vw;text-align:center;display:block;margin-left:auto;margin-right:auto;overflow:hidden;text-overflow:ellipsis}.hero h1{font-size:clamp(1.6rem,10vw,2.2rem);line-height:0.95}}@media(max-width:320px){.hero h1{font-size:clamp(1.4rem,12vw,1.8rem);line-height:0.9}}.large-button{width:80%;max-width:300px}.text-center{text-align:center}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.hidden{display:none}.section-gray{background-color:#f1f5f9}.grid-2{grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}.challenge-stats{display:flex;flex-direction:column;gap:1.5rem}.stat-card{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:white;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 10px 30px rgba(59,130,246,0.3)}.stat-number{font-size:3rem;font-weight:900;margin-bottom:0.5rem;color:white}.stat-label{font-size:1rem;font-weight:500;opacity:0.9}.solution-content h3{color:#1e293b;margin-bottom:1rem}.solution-content h4{color:#3b82f6;margin:1.5rem 0 1rem 0;font-size:1.25rem}.solution-list{list-style:none;padding:0;margin:1.5rem 0}.solution-list li{padding:0.75rem 0;border-left:3px solid #3b82f6;padding-left:1rem;margin-bottom:0.5rem;background:rgba(59,130,246,0.05);border-radius:0 8px 8px 0}.solution-list strong{color:#1e293b}.authority-note{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:8px;padding:1rem;margin-top:2rem;color:#065f46}@media(max-width:768px){#industry-challenge{padding:3rem 0}#industry-challenge .container{padding:0 1.5rem}#industry-challenge .section-header h2{font-size:clamp(1.5rem,4vw,2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.grid-2{display:block;gap:0}.challenge-stats{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.stat-card{padding:2rem 1.5rem;margin:0;width:100%;box-shadow:0 8px 25px rgba(59,130,246,0.2)}.stat-number{font-size:2.8rem;margin-bottom:0.75rem}.stat-label{font-size:1.1rem;line-height:1.4}.solution-content{text-align:center}.solution-content h3{font-size:1.75rem;margin-bottom:1.5rem;color:#1e293b;text-align:center}.solution-content h4{font-size:1.4rem;margin:2rem 0 1.5rem 0;color:#3b82f6;text-align:center}.solution-content p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:#475569;text-align:center}.solution-list{margin:2rem 0 0 0;text-align:left;max-width:100%}.solution-list li{margin-bottom:1.5rem;padding:1.25rem;font-size:1rem;line-height:1.6;border-radius:8px;text-align:left}.solution-list strong{display:block;margin-bottom:0.25rem;font-size:1.1rem}.solution-content>h3,.solution-content>h4,.solution-content>p{text-align:center !important}}.rail{margin:1.5rem 0 0;padding:0 0 0.5rem;overflow:auto;display:flex;gap:1rem;scroll-snap-type:x mandatory}.shot{flex:0 0 260px;scroll-snap-align:start;background:#ffffff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:0.75rem;box-shadow:0 10px 25px rgba(2,6,23,0.06)}.phone{border-radius:1rem;background:#0b1020;border:1px solid rgba(2,6,23,0.08);aspect-ratio:9/19.5;overflow:hidden;display:block}.phone img{width:100%;height:100%;object-fit:cover;display:block}.cap{font-size:.85rem;color:#64748b;margin:.5rem .25rem 0}@media(max-width:640px){.shot{flex-basis:220px}}#screenshots .shots-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}#screenshots .shot{margin:0;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:12px;box-shadow:0 10px 25px rgba(2,6,23,.06)}#screenshots .phone{aspect-ratio:9/19.5;border:1px solid rgba(2,6,23,.08);border-radius:16px;overflow:hidden;background:#0b1020}#screenshots .phone img{width:100%;height:100%;object-fit:cover;display:block}#screenshots .shots-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:480px){#screenshots .shots-grid{grid-template-columns:repeat(2,1fr)}}.logo{text-decoration:none}.platform-badge{display:inline-block;white-space:normal;line-height:1.3;border-radius:9999px;max-width:min(680px,92vw);width:auto;text-align:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:0.7rem 1.25rem;overflow:visible;text-overflow:clip}@media(max-width:768px){.platform-badge{font-size:clamp(0.75rem,3.2vw,0.95rem);padding:0.8rem 1.5rem;line-height:1.4;font-weight:600;letter-spacing:0.3px;box-shadow:0 4px 20px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);margin-bottom:1.5rem;width:auto;max-width:min(350px,90vw)}}@media(max-width:480px){.platform-badge{font-size:clamp(0.7rem,3.8vw,0.85rem);padding:0.75rem 1.25rem;line-height:1.35;letter-spacing:0.2px;max-width:min(320px,92vw)}}@media(max-width:380px){.platform-badge{font-size:clamp(0.68rem,4.2vw,0.8rem);padding:0.7rem 1.1rem;line-height:1.3;max-width:min(280px,95vw);letter-spacing:0.1px}}.hero h1{white-space:normal;text-wrap:balance;overflow-wrap:anywhere;word-break:normal;letter-spacing:-0.01em}.hero h1 .accent{display:block;margin-top:0.15em}@media(max-width:768px){.hero{padding:3.25rem 0}.hero h1{font-size:clamp(1.65rem,7.4vw,2.6rem);line-height:1.05}}@media(max-width:400px){.hero h1{font-size:clamp(1.45rem,9.5vw,2.2rem);line-height:1.02}}.modal-content .form-group{margin:1.5rem 0}.modal-content .form-row{display:flex;gap:1rem;margin:1.5rem 0}.modal-content .form-row .form-group{margin:0;flex:1}.modal-content input[type="email"],.modal-content input[type="text"]{width:100% !important;padding:1.5rem 1.25rem !important;border:2px solid #e2e8f0 !important;border-radius:0.75rem !important;font-size:1.25rem !important;font-weight:600 !important;font-family:inherit !important;transition:border-color 0.2s ease;box-sizing:border-box !important;min-height:60px !important;height:auto !important}.modal-content input[type="email"]:focus,.modal-content input[type="text"]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.modal-content input[type="email"]:invalid{border-color:#ef4444}.modal-content input[type="email"]::placeholder,.modal-content input[type="text"]::placeholder{font-size:1.25rem !important;font-weight:500 !important;color:#64748b !important;opacity:0.75 !important}.signup-btn{width:100% !important;padding:1.5rem 2rem !important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:white !important;border:none !important;border-radius:0.75rem !important;font-size:1.25rem !important;font-weight:800 !important;cursor:pointer !important;transition:all 0.2s ease;margin-bottom:1rem !important;letter-spacing:0.025em !important;min-height:60px !important;height:auto !important}.signup-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,0.3)}.signup-btn:disabled{opacity:0.7;cursor:not-allowed;transform:none}.modal-content .form-group.demo-section{background:#f8fafc;border-radius:0.75rem;padding:1.5rem;border:1px solid #e2e8f0;margin:1.5rem 0;display:none !important;animation:slideDown 0.3s ease-in-out}.modal-content .form-group.demo-section.show{display:block !important}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:600;color:#1e293b;margin-bottom:1rem}.checkbox-label input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer}.checkmark{height:22px;width:22px;background-color:white;border:2px solid #cbd5e1;border-radius:4px;margin-right:14px;position:relative;transition:all 0.2s ease;flex-shrink:0}.checkbox-label:hover input~.checkmark{border-color:#667eea}.checkbox-label input:checked~.checkmark{background-color:#667eea;border-color:#667eea}.checkbox-label input:checked~.checkmark:after{content:"";position:absolute;display:block;left:7px;top:2px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-text{font-size:1.125rem;font-weight:600;color:#1e293b}.device-dropdown{margin-top:1rem;opacity:0;transform:translateY(-10px);transition:all 0.3s ease}.device-dropdown[style*="block"]{opacity:1;transform:translateY(0)}.modal-content select{width:100%;padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:0.5rem;font-size:1rem;font-weight:600;font-family:inherit;background-color:white;cursor:pointer;transition:border-color 0.2s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:3rem}.modal-content select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.modal-content select option{padding:0.75rem;font-weight:600}.modal-close-btn{background:transparent;color:#64748b;border:1px solid #e2e8f0;font-size:0.875rem}.modal-close-btn:hover{background:#f8fafc;border-color:#cbd5e1}#success-message h2{color:#059669;margin-bottom:1rem}#success-message p{color:#374151;line-height:1.6;margin-bottom:1.5rem}@media(max-width:768px){.modal-overlay{align-items:center;padding:1rem;justify-content:center}.modal-content{margin:0 !important;padding:2rem 1.5rem !important;max-height:calc(100vh - 2rem);min-height:auto;width:calc(100vw - 2rem);max-width:400px;border-radius:1rem;position:relative;top:auto}.modal-content h2{font-size:clamp(1.5rem,5vw,1.8rem);margin-bottom:1rem;font-weight:800}.modal-content p{font-size:clamp(1rem,3.5vw,1.125rem);margin-bottom:1.5rem;line-height:1.5}}@media(max-width:480px){.modal-overlay{padding:0.5rem 0.25rem}.modal-content{padding:1.25rem !important;max-height:calc(100vh - 0.5rem);border-radius:0.75rem 0.75rem 0 0}.modal-content input[type="email"],.modal-content input[type="text"]{font-size:clamp(1rem,3.5vw,1.1rem)!important;padding:1.25rem 1rem !important;min-height:50px !important}.modal-content input[type="email"]::placeholder,.modal-content input[type="text"]::placeholder{font-size:clamp(1rem,3.5vw,1.1rem)!important}.modal-content .form-row{flex-direction:column !important;gap:0.75rem !important}.signup-btn{font-size:clamp(1rem,3.5vw,1.1rem)!important;padding:1.25rem 1.5rem !important;min-height:50px !important}.demo-section{padding:1rem !important}.checkbox-text{font-size:clamp(0.95rem,3vw,1.1rem)}}@media(max-width:360px){.modal-overlay{padding:0.25rem 0.125rem}.modal-content{padding:1rem !important;max-height:calc(100vh - 0.25rem);border-radius:0.5rem 0.5rem 0 0}.modal-content h2{font-size:1.3rem;margin-bottom:0.5rem}.modal-content p{font-size:0.9rem;margin-bottom:0.75rem}.modal-content input[type="email"],.modal-content input[type="text"]{padding:1rem 0.75rem !important;min-height:45px !important;font-size:0.95rem !important}.signup-btn{padding:1rem 1.25rem !important;min-height:45px !important;font-size:0.95rem !important}}@media(max-width:896px)and(max-height:414px)and(orientation:landscape){.modal-overlay{align-items:flex-start;padding:0.25rem;overflow-y:auto}.modal-content{max-height:calc(100vh - 0.5rem);padding:1rem !important;border-radius:0.5rem}.modal-content h2{font-size:1.25rem;margin-bottom:0.5rem}.modal-content p{font-size:0.85rem;margin-bottom:0.75rem}.modal-content .form-group{margin:1rem 0}.demo-section{padding:0.75rem !important}}@media(min-height:800px)and(max-width:480px){.modal-overlay{align-items:center;padding:1.5rem 0.5rem}.modal-content{max-height:calc(100vh - 3rem);border-radius:1rem}}@media(min-height:920px)and(max-width:480px){.modal-overlay{padding:2rem 0.5rem}.modal-content{max-height:calc(100vh - 4rem)}}.trust-section{background:#f8fafc;border-radius:1rem;padding:2.5rem 2rem;margin:1rem auto 2rem auto;max-width:900px;text-align:center}#pricing .section-header{margin-bottom:1.5rem}#pricing .trust-grid{margin:0.5rem auto 1.5rem auto;max-width:600px}.trust-content{width:100%}.trust-content h2{font-size:2rem;font-weight:900;color:#1e293b;margin-bottom:2rem}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.trust-grid-two{grid-template-columns:repeat(2,1fr);max-width:600px;margin:1rem auto 0}.trust-item{text-align:center;padding:1.5rem}.trust-icon{width:3rem;height:3rem;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 4px 12px rgba(16,185,129,0.2)}.trust-icon .material-symbols-outlined{color:#ffffff;font-size:1.5rem}.trust-item h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:0.5rem}.trust-item p{color:#64748b;font-size:1rem;margin:0}@media(max-width:768px){.trust-section{padding:2rem 1.5rem;margin:1rem auto 1.5rem auto}.trust-grid{grid-template-columns:1fr;gap:1.5rem}.trust-grid-two{grid-template-columns:1fr;gap:1.5rem}#pricing .trust-grid{margin:0.5rem auto 1.5rem auto}.trust-content h2{font-size:1.75rem}.trust-item{padding:1rem}}@media(max-width:480px){.trust-section{padding:1.5rem 1rem;margin:0.75rem auto 1.25rem auto}.trust-content h2{font-size:1.5rem;margin-bottom:1.5rem}.trust-icon{width:2.5rem;height:2.5rem}.trust-icon .material-symbols-outlined{font-size:1.25rem}.trust-item h4{font-size:1.125rem}.trust-item p{font-size:0.9rem}#pricing .trust-grid{margin:0.5rem auto 1.5rem auto}}.grecaptcha-badge,div[style*="grecaptcha"],iframe[src*="recaptcha"],iframe[title="reCAPTCHA"],div[class*="grecaptcha"],div[id*="grecaptcha"]{display:none !important;visibility:hidden !important;opacity:0 !important;position:absolute !important;left:-9999px !important}@media(max-width:768px){.hero{padding:2.5rem 0 !important;min-height:auto !important}.hero h1{white-space:normal !important;font-size:clamp(1.4rem,5.8vw,2.2rem)!important;line-height:1.2 !important;margin-bottom:1.5rem;text-wrap:balance;overflow-wrap:anywhere;padding:0 1rem}.platform-badge{white-space:normal !important;line-height:1.3 !important;padding:0.9rem 1.4rem !important;font-size:clamp(0.8rem,3.5vw,1rem)!important;text-align:center;margin-bottom:1.25rem}.hero p{font-size:1.1rem !important;padding:0 1rem;margin-bottom:1.75rem}}@media(max-width:480px){.hero h1{font-size:clamp(1.2rem,6.2vw,1.8rem)!important;line-height:1.15 !important;padding:0 0.75rem}.platform-badge{font-size:clamp(0.75rem,4vw,0.9rem)!important;padding:0.8rem 1.2rem !important}.hero p{font-size:1rem !important;padding:0 0.75rem}}@media(max-width:375px){.hero h1{font-size:clamp(1.1rem,6.8vw,1.6rem)!important;padding:0 0.5rem}.hero p{padding:0 0.5rem}}
/* ===== ENHANCED HERO SECTION ===== */

/* Improved gradient with AI-themed depth */
.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    position: relative;
    overflow: hidden;
}

/* Subtle AI node glows */
.gradient-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        radial-gradient(circle at 20% 30%, rgba(96, 165, 250, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(196, 181, 253, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(251, 191, 36, 0.08) 0%, transparent 70%);
    opacity: 0.7;
    pointer-events: none;
}

/* Subtle grid pattern for "system" feel */
.gradient-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 50px 50px;
    opacity: 0.5;
    pointer-events: none;
}

/* Enhanced content container */
.hero-content-enhanced {
    max-width: 850px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* Trust badge positioning */
.hero-trust {
    display: flex;
    justify-content: center;
    margin-bottom: 0.75rem;  /* Reduced from 1rem for tighter spacing */
}

/* Trial offer badge positioning */
.hero-trial-badge {
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.trial-badge {
    display: inline-block;
    background: rgba(16, 185, 129, 0.2);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #ffffff;
    padding: 0.65rem 1.5rem;
    border-radius: 2rem;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    border: 1px solid rgba(16, 185, 129, 0.3);
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.15);
    transition: all 0.3s ease;
}

.trial-badge:hover {
    background: rgba(16, 185, 129, 0.25);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.2);
}

/* Microcopy under CTA */
.hero-microcopy {
    margin: 1rem auto 0;  /* Increased from 0.5rem for better breathing room */
    font-size: 0.8rem;
    line-height: 1.4;
    opacity: 0.9;  /* Increased from 0.75 for better readability */
    max-width: 38ch;
    text-align: center;
}

/* Brighter yellow accent with depth */
.hero .accent {
    color: #fcd34d !important;  /* Lighter, more vibrant yellow */
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);  /* Subtle depth */
}

/* Consistent button sizing */
.app-store-badge {
    height: 60px !important;
    min-height: 60px !important;
    min-width: 200px !important;
}

.app-store-badge img {
    height: 60px !important;
    width: auto !important;
}

.android-preview-btn {
    height: 60px !important;
    min-height: 60px !important;
    min-width: 200px !important;
}

/* Improved vertical spacing */
.hero p {
    margin-bottom: 2.5rem !important;  /* Increased for breathing room before buttons */
}

.download-buttons {
    gap: 0.75rem !important;  /* Tighter gap between App Store and Google Play */
}

/* Google Play badge - matches App Store badge styling */
.google-play-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 60px !important;
    min-width: 180px !important;
    transition: transform 0.2s ease !important;
    text-decoration: none !important;
}

.google-play-badge:hover {
    transform: translateY(-2px) !important;
}

.google-play-badge img {
    height: 60px !important;
    width: auto !important;
    border-radius: 8px !important;
}

/* Override .secondary-download scaling for hero buttons */
.hero .app-store-badge,
.hero .android-preview-btn,
.hero .google-play-badge,
.hero .secondary-download .app-store-badge,
.hero .secondary-download .android-preview-btn,
.hero .secondary-download .google-play-badge {
    transform: none !important;  /* Remove scale(0.85) */
    opacity: 1 !important;  /* Full opacity */
    height: 60px !important;
    min-height: 60px !important;
}

/* Mobile-specific improvements */
@media(max-width:768px) {
    .hero .accent {
        color: #fcd34d !important;
        text-shadow: 0 2px 4px rgba(0,0,0,0.15);
    }

    .hero p {
        margin-bottom: 2rem !important;
    }

    /* Side-by-side button layout */
    .hero-buttons {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
        justify-content: center !important;
    }

    /* Button containers - auto width, sit side-by-side */
    .download-buttons,
    .secondary-download {
        flex: 0 0 auto !important;
        width: auto !important;
    }

    /* Buttons themselves - smaller size for side-by-side */
    .hero .app-store-badge,
    .hero .android-preview-btn,
    .hero .google-play-badge,
    .hero .secondary-download .app-store-badge,
    .hero .secondary-download .android-preview-btn,
    .hero .secondary-download .google-play-badge {
        transform: none !important;
        height: 54px !important;
        min-height: 54px !important;
        width: 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;  /* Force exact width */
        flex-shrink: 0 !important;     /* Prevent shrinking */
    }

    .hero .app-store-badge img,
    .hero .google-play-badge img {
        height: 54px !important;
        width: 100% !important;  /* Fill container */
        max-width: 160px !important;
        object-fit: contain !important;  /* Maintain aspect ratio */
    }

    /* Microcopy - full width, wraps to new line */
    .hero-microcopy {
        flex-basis: 100% !important;
        width: 100% !important;
        margin-top: 0.75rem !important;
        opacity: 0.9 !important;
        font-size: 0.85rem;
    }

    /* Trial badge - mobile adjustments */
    .hero-trial-badge {
        margin-top: 1.25rem;
        margin-bottom: 1rem;
    }

    .trial-badge {
        font-size: 0.8rem;
        padding: 0.6rem 1.25rem;
    }

    /* Trial note - full width, wraps to new line */
    .hero-buttons > div:last-child {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

/* ===== TOP INVITE BAR ===== */
.top-invite-bar {
    position: fixed;
    top: -60px; /* Start hidden above viewport */
    left: 0;
    right: 0;
    height: 50px;
    background: #0000ff; /* Pure blue */
    display: none; /* Hidden by default, shown when .visible class added */
    align-items: center;
    justify-content: center;
    gap: 12px;
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0, 0, 255, 0.3);
    transition: top 0.4s ease-out;
}

.top-invite-bar.visible {
    display: flex;
    top: 0; /* Slide down into view */
}

.top-invite-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.top-invite-text {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* Adjust body padding when invite bar is visible */
body:has(.top-invite-bar.visible) {
    padding-top: 50px;
}

/* Adjust header position when invite bar is visible */
body:has(.top-invite-bar.visible) .header {
    top: 50px;
}

/* Mobile adjustments */
@media (max-width: 480px) {
    .top-invite-bar {
        height: 45px;
    }

    .top-invite-avatar {
        width: 28px;
        height: 28px;
    }

    .top-invite-text {
        font-size: 13px;
    }

    body:has(.top-invite-bar.visible) {
        padding-top: 45px;
    }

    body:has(.top-invite-bar.visible) .header {
        top: 45px;
    }
}

/* ===== EARLY ADOPTER BADGES ===== */
.hero-early-adopter-badges {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 20px 0 35px;
    align-items: center;
    width: 100%;
}

.early-adopter-badge {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    white-space: nowrap;
}

.early-adopter-badge.special {
    background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);
    color: white;
    animation: pulse 2s ease-in-out infinite;
}

.early-adopter-badge.urgency {
    background: linear-gradient(135deg, #ffd93d 0%, #ffa700 100%);
    color: #333;
    font-size: 15px;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.03); }
}

@media (max-width: 768px) {
    .hero-early-adopter-badges {
        gap: 10px;
        margin: 18px auto 28px;
        max-width: 90%;
    }

    .early-adopter-badge {
        display: block;
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
        font-size: 14px;
        padding: 10px 16px;
        white-space: normal;
        line-height: 1.3;
    }

    .early-adopter-badge.urgency {
        font-size: 13px;
    }
}

/* Challenge Stats Enhancements - Override for better readability */
.stat-card .stat-number {
    font-size: 3.5rem !important;
    color: white !important;
}

.stat-card .stat-label {
    font-size: 1.125rem !important;
    color: white !important;
    opacity: 1 !important;
}

@media (max-width: 768px) {
    .stat-card .stat-number {
        font-size: 3rem !important;
    }
    .stat-card .stat-label {
        font-size: 1.1rem !important;
    }
}

/* AI Messaging Components - Dual Audience Strategy */
.ai-proof-microcopy {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-align: center;
}

.hero-promise {
    font-size: 1.15rem;
    color: rgba(255, 255, 255, 0.95);
    margin: 1.5rem 0;
    font-weight: 600;
    text-align: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.bridge-text {
    text-align: center;
    max-width: 600px;
    margin: 2rem auto 0;
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    padding: 1rem 2rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    border-left: 4px solid #fbbf24;
}

.sponsor-benefits {
    padding: 5rem 0;
}

.sponsor-benefits h2 {
    text-align: center;
    margin-bottom: 3rem;
}

/* Hero headline enhanced visibility */
#hero-headline {
    color: #ffffff;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3),
                 0 4px 8px rgba(102, 126, 234, 0.4);
    font-weight: 900;
}

/* Prospect benefits section - mirrors sponsor-benefits styling */
.prospect-benefits {
    padding: 5rem 0;
}

.prospect-benefits h2 {
    text-align: center;
    margin-bottom: 3rem;
}

@media (max-width: 768px) {
    .ai-proof-microcopy {
        font-size: 0.85rem;
    }
    
    .hero-promise {
        font-size: 1rem;
        margin: 1rem 0;
    }
    
    .bridge-text {
        font-size: 1rem;
        padding: 0.875rem 1.5rem;
    }

    .sponsor-benefits {
        padding: 4rem 0;
    }

    .prospect-benefits {
        padding: 4rem 0;
    }
}

/* Screenshot figcaption styling */
#screenshots .shot figcaption {
    font-size: 0.8rem;
    color: #64748b;
    text-align: center;
    margin-top: 12px;
    line-height: 1.4;
    font-weight: 500;
    padding: 0 8px;
}

@media(max-width:768px) {
    #screenshots .shot figcaption {
        font-size: 0.75rem;
        margin-top: 10px;
        padding: 0 6px;
    }
}

@media(max-width:480px) {
    #screenshots .shot figcaption {
        font-size: 0.7rem;
        margin-top: 8px;
        line-height: 1.3;
    }
}

/* ===================================================================
   UTILITY PAGE HERO SECTION STYLES (from style1.css)
   ================================================================ */

/* CSS Custom Properties for utility pages */
:root {
    --primary: #2563EB;
    --primary-light: #3B82F6;
    --text-inverse: #FFFFFF;
    --surface: #FFFFFF;
    --border: #E5E7EB;
    --background-primary: #FFFFFF;
    --text-primary: #111827;
}

/* Utility Page Hero (Terms, Privacy, Contact) */
.hero-section {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 80px 0 60px;
    text-align: center;
    color: white;
    margin: 0 0 3rem 0;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
}

.hero-icon {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    opacity: 0.95;
}

.hero-title {
    font-size: 2.5rem;
    font-weight: 900;
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
    color: white;
}

.hero-subtitle {
    font-size: 1.1rem;
    opacity: 0.9;
    font-weight: 500;
    color: white;
}

@media (max-width: 768px) {
    .hero-section {
        padding: 60px 20px 40px;
    }

    .hero-icon {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-title {
        font-size: 2rem;
    }

    .hero-subtitle {
        font-size: 1rem;
    }
}

/* Form Styles (Contact Us specific) */
.contact-form {
    background: var(--surface);
    border-radius: 1rem;
    padding: 2rem;
    margin: 0 auto 2rem;
    border: 1px solid var(--border);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    max-width: 900px;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.form-input,
.form-select,
.form-textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-primary);
    background-color: var(--background-primary);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.form-textarea {
    min-height: 120px;
    resize: vertical;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.submit-btn {
    width: 100%;
    background: var(--primary);
    color: var(--text-inverse);
    border: none;
    padding: 1rem;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.2s;
}

.submit-btn:hover {
    background: var(--primary-light);
    transform: translateY(-2px);
}

/* ===================================================================
   FAQ PAGE HERO AND STYLES
   ================================================================ */

/* FAQ Hero Section */
.faq-hero {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 100px 0 80px;
    text-align: center;
}

.faq-hero p {
    color: white;
    opacity: 0.9;
}

/* FAQ Search Container */
.search-container {
    max-width: 600px;
    margin: 40px auto 0;
    position: relative;
}

#faq-search {
    width: 100%;
    padding: 16px 20px 16px 50px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    font-size: 16px;
    backdrop-filter: blur(10px);
}

#faq-search::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.search-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
}

/* FAQ Filter */
.faq-filter {
    background: white;
    padding: 30px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e2e8f0;
    position: sticky;
    top: 0;
    z-index: 100;
}

.filter-container {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.filter-label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 12px;
}

.category-dropdown {
    width: 100%;
    max-width: 400px;
    padding: 12px 16px;
    font-size: 16px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    background: white;
    color: #2d3748;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23666" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    padding-right: 40px;
}

.category-dropdown:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.category-dropdown:hover {
    border-color: #cbd5e0;
}

/* FAQ Section Layout */
.faq-section {
    padding: 40px 0 60px 0;
    display: block;
    scroll-margin-top: 120px;
}

.faq-section.hidden {
    display: none;
}

.faq-section:nth-child(even) {
    background-color: #f8fafc;
}

.faq-section h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
    color: #2d3748;
    padding-top: 0px;
}

.faq-items {
    max-width: 900px;
    margin: 0 auto;
}

/* FAQ Item Styles */
.faq-item {
    background: white;
    border-radius: 12px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.faq-question {
    width: 100%;
    padding: 24px;
    text-align: left;
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #2d3748;
    line-height: 1.5;
}

.faq-question:hover {
    background: rgba(102, 126, 234, 0.05);
}

.faq-icon {
    font-size: 24px;
    transition: transform 0.3s ease;
    color: #667eea;
    font-weight: bold;
}

.faq-icon.open {
    transform: rotate(45deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    background: #f8fafc;
}

.faq-answer.open {
    max-height: 1000px;
}

.faq-answer-content {
    padding: 24px;
    color: #4a5568;
    line-height: 1.7;
}

.faq-answer-content p {
    margin-bottom: 16px;
}

.faq-answer-content p:last-child {
    margin-bottom: 0;
}

.faq-answer-content strong {
    color: #2d3748;
    font-weight: 600;
}

/* FAQ No Results */
.no-results {
    text-align: center;
    padding: 60px 20px;
    color: #718096;
}

.no-results h3 {
    font-size: 24px;
    margin-bottom: 16px;
    color: #4a5568;
}

/* FAQ Contact CTA */
.contact-cta {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 80px 0;
    text-align: center;
}

.contact-cta h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
    color: white;
}

.contact-cta p {
    font-size: 18px;
    margin-bottom: 32px;
    opacity: 0.9;
    color: white !important;
}

.contact-btn {
    display: inline-block;
    padding: 16px 32px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    border-radius: 12px;
    font-weight: 600;
    font-size: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.contact-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Mobile responsiveness for FAQ */
@media (max-width: 768px) {
    .faq-hero {
        padding: 60px 0 40px;
    }

    .faq-hero h1 {
        font-size: 28px;
    }

    .faq-filter {
        padding: 20px 0;
    }

    .category-dropdown {
        font-size: 14px;
        padding: 10px 14px;
        padding-right: 35px;
    }

    .faq-section {
        padding: 40px 0;
    }

    .faq-section h2 {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .faq-question {
        padding: 16px;
        font-size: 15px;
    }

    .faq-answer-content {
        padding: 16px;
        font-size: 14px;
    }

    .contact-cta h2 {
        font-size: 24px;
    }

    .contact-cta p {
        font-size: 16px;
    }

    .contact-btn {
        padding: 12px 24px;
        font-size: 16px;
    }
}

/* ===================================================================
   UTILITY PAGE CONTENT STYLES (Terms, Privacy, Contact)
   ================================================================ */

/* Section Styles */
.section {
    background: var(--surface);
    border-radius: 0.75rem;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    border: 1px solid var(--border);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Utility page section headers - only for DIV.section (not SECTION.section) */
div.section .section-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    text-align: left;
}

.section-icon {
    color: var(--primary);
    font-size: 1.5rem;
}

.section-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-primary);
}

.section-content {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--text-secondary);
    font-weight: 400;
    white-space: pre-line;
}

/* Highlight Boxes */
.highlight-box {
    border-radius: 0.75rem;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    border: 2px solid;
}

.highlight-box.success {
    background: var(--success-background);
    border-color: var(--success);
}

.highlight-box.info {
    background: var(--info-background);
    border-color: rgba(37, 99, 235, 0.3);
}

.highlight-box.neutral {
    background: var(--background-tertiary);
    border-color: var(--text-secondary);
}

.highlight-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.highlight-icon {
    font-size: 1.5rem;
}

.highlight-icon.success {
    color: var(--success);
}

.highlight-icon.info {
    color: var(--info);
}

.highlight-icon.neutral {
    color: var(--text-secondary);
}

.highlight-title {
    font-size: 1rem;
    font-weight: 700;
}

.highlight-title.success {
    color: var(--success);
}

.highlight-title.info {
    color: var(--info);
}

.highlight-title.neutral {
    color: var(--text-secondary);
}

.highlight-content {
    font-size: 0.875rem;
    color: var(--text-primary);
    font-weight: 500;
    line-height: 1.5;
}

/* Contact Section (Bottom of Privacy Policy) */
.contact-section {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 1rem;
    padding: 3rem 2rem;
    text-align: center;
    color: white;
    margin: 3rem 0;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.contact-icon {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
    opacity: 0.95;
}

.contact-title {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0.75rem;
    color: white;
}

.contact-subtitle {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 2rem;
    opacity: 0.95;
    color: white;
}

.contact-button {
    background: white;
    color: #667eea;
    border: none;
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.contact-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.95);
}

.contact-info {
    font-size: 0.95rem;
    opacity: 0.9;
    font-weight: 500;
    margin-top: 2rem;
    color: white;
    line-height: 1.6;
}

/* Last Updated Info */
.last-updated {
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Mobile Responsive for Utility Pages */
@media (max-width: 768px) {
    .section {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .section-title {
        font-size: 1rem;
    }

    .section-content {
        font-size: 0.875rem;
    }

    .contact-section {
        padding: 2rem 1.5rem;
        margin: 2rem 0;
    }

    .contact-icon {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }

    .contact-title {
        font-size: 1.5rem;
    }

    .contact-subtitle {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    .contact-button {
        padding: 0.875rem 1.5rem;
        font-size: 1rem;
    }

    .contact-info {
        font-size: 0.875rem;
        margin-top: 1.5rem;
    }
}

/* Mobile Responsive for Contact Form */
@media (max-width: 768px) {
    .contact-form {
        padding: 1.5rem;
        max-width: 100%;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .form-group {
        margin-bottom: 1.25rem;
    }
}