@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";:root{--primary-color: #007bff;--secondary-color: #28a745;--accent-light: #e6f7ff;--text-dark: #333;--text-medium: #555;--text-light: #777;--background-light: #f8fbfd;--card-background: #ffffff;--border-color: #e0e0e0;--shadow-light: rgba(0, 0, 0, .08);--shadow-medium: rgba(0, 0, 0, .15);--card-blue-border: #80c8ff;--card-header-bg: #e6f7ff;--why-this-matters-bg: #e6f7ff;--info-box-bg: #d1ecf1;--info-box-border: #bee5eb;--info-box-text: #0c5460;--font-size-base: 1rem;--font-size-small: .9rem;--font-size-large: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-h2: 2.2rem;--font-size-h1: 3rem}body{font-family:Poppins,sans-serif;line-height:1.6;margin:0;padding:0;background-color:var(--background-light);color:var(--text-dark);display:flex;flex-direction:column;align-items:center;min-height:100vh;box-sizing:border-box;overflow-x:hidden}.header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:var(--card-background);box-shadow:0 2px 5px #0000000d;position:sticky;top:0;z-index:1000}.logo{height:40px;width:auto}.ssl-badge{display:flex;align-items:center;font-size:var(--font-size-small);color:var(--text-light)}.ssl-icon{height:20px;width:auto;margin-right:5px}.container{background-color:var(--card-background);border-radius:12px;box-shadow:0 6px 15px var(--shadow-medium);padding:30px;max-width:960px;width:100%;text-align:center;box-sizing:border-box;margin:20px auto}.welcome-screen{padding-top:40px;padding-bottom:40px}.welcome-screen h1{color:var(--primary-color);margin-bottom:25px;font-size:var(--font-size-h1);font-weight:700;line-height:1.2}.welcome-screen h1 .ai-text{position:relative;display:inline-block}.underline-draw{position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(to right,var(--primary-color) 0%,#0056b3 100%);transform-origin:left;transform:scaleX(0);animation:drawUnderline 2s cubic-bezier(.68,-.55,.27,1.55) forwards;animation-delay:.5s}@keyframes drawUnderline{to{transform:scaleX(1)}}.welcome-screen p{font-size:var(--font-size-xl);line-height:1.6;margin-bottom:40px;color:var(--text-medium)}.features-parade{display:flex;justify-content:space-around;flex-wrap:wrap;gap:30px;margin-bottom:50px}.feature-card{flex:1 1 280px;background-color:var(--accent-light);border-radius:10px;padding:25px;box-shadow:0 4px 10px var(--shadow-light);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{background-color:var(--primary-color);border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center;margin-bottom:15px}.feature-icon i{color:#fff;font-size:32px}.feature-card h3{color:var(--primary-color);font-size:var(--font-size-xl);margin-bottom:10px}.feature-card p{font-size:var(--font-size-base);color:var(--text-medium);line-height:1.5;margin-bottom:0}.start-button{background:linear-gradient(145deg,var(--secondary-color),#218838);color:#fff;padding:18px 40px;border:none;border-radius:50px;font-size:var(--font-size-xxl);font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 15px #007bff33;transition:all .3s ease;outline:none;display:inline-block;margin-top:50px;margin-bottom:30px}.start-button:hover{background:linear-gradient(145deg,#218838,var(--secondary-color));transform:translateY(-4px);box-shadow:0 12px 20px #007bff4d}.start-button:active{transform:translateY(0);box-shadow:0 4px 8px #007bff26;background:#218838}.scarcity-message-intro{font-style:italic;color:var(--text-light);margin-top:40px;font-size:var(--font-size-base);border-top:1px dashed var(--border-color);padding-top:20px}.quiz-container{overflow:hidden;position:relative;padding-bottom:20px;margin-top:20px}.quiz-progress-bar{width:100%;height:10px;background-color:var(--border-color);border-radius:5px;margin-bottom:30px;overflow:hidden}.quiz-progress{height:100%;background-color:var(--primary-color);border-radius:5px;transition:width .4s ease-out}.quiz-slides{display:flex;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.quiz-slide{flex-shrink:0;width:100%;box-sizing:border-box;padding:0 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px}.quiz-slide h2{color:var(--primary-color);margin-bottom:35px;font-size:var(--font-size-xxl);font-weight:600;line-height:1.4;min-height:90px;display:flex;align-items:center;text-align:center;justify-content:center}.options-container{display:flex;flex-direction:column;gap:15px;width:100%;max-width:550px;margin-bottom:40px}.option-label{background-color:var(--accent-light);border:1px solid var(--border-color);border-radius:10px;padding:18px 24px;cursor:pointer;text-align:left;transition:background-color .2s ease,border-color .2s ease,transform .1s ease;display:flex;align-items:center;font-size:var(--font-size-large);line-height:1.4}.option-label:hover{background-color:#e0e7ed;border-color:var(--primary-color);transform:translateY(-2px)}.option-label input[type=radio],.option-label input[type=checkbox]{margin-right:18px;accent-color:var(--primary-color);transform:scale(1.3);flex-shrink:0}.option-label input[type=radio]:checked+span,.option-label input[type=checkbox]:checked+span{font-weight:600;color:var(--primary-color)}.next-button,#submit-audit-button{background-color:var(--primary-color);color:#fff;padding:15px 35px;border:none;border-radius:8px;font-size:var(--font-size-xl);font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 8px #0003;margin-top:30px}.next-button:hover,#submit-audit-button:hover{background-color:#0056b3;transform:translateY(-2px)}.next-button:active,#submit-audit-button:active{transform:translateY(0)}.next-button:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none;transform:none}.user-info-form input{width:calc(100% - 24px);padding:15px 12px;margin-bottom:18px;border:1px solid var(--border-color);border-radius:8px;font-size:var(--font-size-base);box-sizing:border-box}.user-info-form input::-moz-placeholder{color:#999}.user-info-form input::placeholder{color:#999}.audit-complete-banner{background-color:var(--secondary-color);color:#fff;padding:30px 20px;text-align:center;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:30px;box-shadow:0 4px 10px #0000001a}.audit-complete-banner .banner-icon{font-size:3.5rem;line-height:1}.audit-complete-banner h1{font-size:var(--font-size-h2);margin:0;line-height:1.2;font-weight:700}.audit-complete-banner p{font-size:var(--font-size-large);margin:0;max-width:800px}.results-container{padding-top:20px;padding-bottom:40px;margin-top:-60px;position:relative;z-index:1}.service-category{margin-top:30px;margin-bottom:40px;text-align:center}.service-category h3.recommended-ai-solutions-heading{color:var(--primary-color);font-size:var(--font-size-xxl);font-weight:700;display:inline-flex;align-items:center;gap:15px;padding:10px 20px;background-color:var(--accent-light);border-radius:8px;box-shadow:0 2px 8px var(--shadow-light)}.recommended-ai-solutions-heading .category-icon{font-size:1.3em}.service-recommendations{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:50px}.recommended-service-card{background-color:var(--card-background);border:1px solid var(--card-blue-border);border-radius:10px;overflow:hidden;box-shadow:0 4px 15px var(--shadow-light);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.recommended-service-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-medium)}.recommended-service-card .card-header{background-color:var(--card-header-bg);padding:20px;display:flex;align-items:center;border-bottom:1px solid var(--card-blue-border);margin-bottom:0}.recommended-service-card .service-icon-wrapper{width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center;margin-right:15px;position:relative;flex-shrink:0}.recommended-service-card .service-icon-wrapper i{color:#fff;font-size:24px}.recommended-service-card .emoji-overlay{position:absolute;top:-8px;right:-8px;font-size:1.4em;pointer-events:none;transform:rotate(10deg);text-shadow:1px 1px 2px rgba(0,0,0,.1)}.recommended-service-card h2{font-size:var(--font-size-xl);color:var(--primary-color);margin:0;line-height:1.3;font-weight:600;flex-grow:1}.why-this-matters-box{background-color:var(--why-this-matters-bg);padding:20px;margin:0;border-bottom:1px solid var(--card-blue-border);font-size:var(--font-size-base);color:var(--text-dark);text-align:left}.why-this-matters-box strong{color:var(--primary-color)}.recommended-service-card>p{padding:20px;text-align:left;font-size:var(--font-size-base);color:var(--text-medium);margin-bottom:0}.key-benefits-section{padding:0 20px 20px;text-align:left;font-size:var(--font-size-base);color:var(--text-medium);flex-grow:1}.key-benefits-section strong{display:block;margin-bottom:10px;color:var(--text-dark)}.key-benefits-list{list-style:none;padding:0;margin:0}.key-benefits-list li{margin-bottom:8px;display:flex;align-items:flex-start;gap:8px}.key-benefits-list li:last-child{margin-bottom:0}.benefit-check-icon{color:var(--secondary-color);font-size:1.1em;margin-top:2px;flex-shrink:0}.info-box{background-color:var(--info-box-bg);border:1px solid var(--info-box-border);border-radius:8px;padding:15px;margin:20px;font-size:var(--font-size-small);color:var(--info-box-text);text-align:left;display:flex;align-items:flex-start;gap:10px}.info-box p{margin:0}.info-box .info-icon{color:var(--info-box-text);font-size:1.2em;flex-shrink:0;margin-top:1px}.learn-more-button{background-color:var(--primary-color);color:#fff;padding:12px 25px;border:none;border-radius:5px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin:20px;display:block;width:calc(100% - 40px);box-sizing:border-box;text-align:center}.learn-more-button:hover{background-color:#0056b3;transform:translateY(-2px)}.learn-more-button:active{transform:translateY(0)}.cta-coffee-date-section{background-color:var(--primary-color);color:#fff;padding:40px;border-radius:12px;box-shadow:0 6px 20px #00000040;margin-top:60px;margin-bottom:60px;text-align:center}.cta-coffee-date-section .cta-header{margin-bottom:30px}.cta-coffee-date-section .cta-header h2{font-size:var(--font-size-xxl);font-weight:700;margin-bottom:15px;line-height:1.3}.cta-coffee-date-section .cta-header p{font-size:var(--font-size-large);margin:0 auto;max-width:700px;line-height:1.5}.cta-coffee-date-section .cta-content{display:flex;gap:30px;align-items:flex-start;text-align:left}.cta-coffee-date-section .cta-text{flex:1;padding:25px;background-color:#ffffff1a;border-radius:8px;box-shadow:inset 0 0 8px #0000001a}.cta-coffee-date-section .cta-text h3{font-size:var(--font-size-xl);margin-top:0;margin-bottom:15px;color:#fff}.cta-coffee-date-section .cta-text ul{list-style:none;padding:0;margin:0}.cta-coffee-date-section .cta-text ul li{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:var(--font-size-base);line-height:1.4}.cta-coffee-date-section .cta-text ul li i{color:var(--secondary-color);font-size:1.2em;flex-shrink:0}.cta-coffee-date-section .scarcity-note{font-size:var(--font-size-small);font-style:italic;margin-top:20px;opacity:.8}.ghl-calendar-embed-container{flex:1;background-color:var(--card-background);border-radius:8px;padding:25px;box-shadow:0 4px 15px var(--shadow-medium)}.ghl-calendar-embed-container h3{font-size:var(--font-size-xl);color:var(--primary-color);margin-top:0;margin-bottom:20px;text-align:center}.ghl-calendar-embed-container .calendar-placeholder{width:100%;min-height:500px;height:auto;border:1px dashed var(--primary-color);display:flex;justify-content:center;align-items:center;color:var(--text-light);font-style:italic;border-radius:8px;margin:0 auto}.ghl-calendar-embed-container .calendar-placeholder p{margin:0;padding:20px;font-size:var(--font-size-base);text-align:center}@media (max-width: 992px){.cta-coffee-date-section .cta-content{flex-direction:column;align-items:stretch}.cta-coffee-date-section .cta-text,.ghl-calendar-embed-container{padding:20px}}@media (max-width: 768px){.header{padding:10px 15px}.logo{height:35px}.ssl-icon{height:18px}.ssl-badge span{font-size:.8em}.audit-complete-banner{padding:20px 15px;gap:10px;margin-bottom:20px}.audit-complete-banner .banner-icon{font-size:2.5rem}.audit-complete-banner h1{font-size:1.8rem}.audit-complete-banner p{font-size:1rem}.results-container{padding:15px;border-radius:0;box-shadow:none;margin:-40px auto 10px}.service-category{margin-top:20px;margin-bottom:30px}.service-category h3.recommended-ai-solutions-heading{font-size:1.4rem;padding:8px 15px;gap:10px}.service-category .category-icon{font-size:1.1em}.service-recommendations{grid-template-columns:1fr;gap:20px}.recommended-service-card{border-radius:8px}.recommended-service-card .card-header{padding:15px}.recommended-service-card .service-icon-wrapper{width:40px;height:40px;margin-right:10px}.recommended-service-card .service-icon-wrapper i{font-size:20px}.recommended-service-card .emoji-overlay{font-size:1.2em;top:-5px;right:-5px}.recommended-service-card h2{font-size:1.1rem}.why-this-matters-box{padding:15px;font-size:.95rem}.recommended-service-card>p{padding:15px;font-size:.9rem}.key-benefits-section{padding:0 15px 15px;font-size:.9rem}.key-benefits-list li{font-size:.9rem;margin-bottom:6px}.benefit-check-icon{font-size:1em}.info-box{padding:12px;margin:15px;font-size:.85rem}.learn-more-button{padding:10px 20px;font-size:.95rem;margin:15px;width:calc(100% - 30px)}.cta-coffee-date-section{padding:30px 20px;margin-top:40px;margin-bottom:40px}.cta-coffee-date-section .cta-header h2{font-size:1.5rem;margin-bottom:10px}.cta-coffee-date-section .cta-header p{font-size:1rem}.cta-coffee-date-section .cta-text{padding:15px}.cta-coffee-date-section .cta-text h3{font-size:1.2rem}.cta-coffee-date-section .cta-text ul li{font-size:.9rem;margin-bottom:8px}.ghl-calendar-embed-container{padding:20px}.ghl-calendar-embed-container h3{font-size:1.2rem}.ghl-calendar-embed-container .calendar-placeholder{min-height:350px}}
