/* AI playbook landing pages (/call-ai, /chat-ai, /reputation-ai, /search-ai).
   Loaded after marketing/style.css; only the rules the playbook design adds or changes. */
[data-aos="fade-up"] {transform:translateY(40px);opacity:0;transition:transform 0.8s ease,opacity 0.8s ease;}
[data-aos="fade-up"].aos-animate {transform:translateY(0);opacity:1;}
.playbook-wrapper select.sk-input {appearance:auto;cursor:pointer;}
.playbook-wrapper select.sk-input:invalid {color:#757575;}
/* the placeholder is the field's label here, so on error keep it grey; only the border and the message turn red */
.playbook-wrapper .sk-text-field.sk-error .sk-input::placeholder {color:var(--color-form-elements-placeholder);}
.playbook-wrapper .sk-text-field.sk-error .sk-input::-webkit-input-placeholder {color:var(--color-form-elements-placeholder);}
.landing-page-wrapper .sk-container {max-width:120rem;}
.ai-search-banner {background:url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/ai-search-header1.png);background-size:cover;height:78rem;width:100%;background-position:bottom;}
.hero-banner.ai-search-banner {padding-top:130px;}
.hero-banner.ai-search-banner>.sk-container {padding-top:0;}
.report-hero-section p {margin-bottom:5rem;}
.form-footer .sk-flex {align-items:center;gap:1rem;}
.search-report-bg:after {background:url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/ai-report-banner.png);background-size:contain;height:100%;width:100%;background-position:right;background-repeat:no-repeat;position:absolute;content:'';top:0;right:0;left:0;border-top-right-radius:2rem;border-bottom-right-radius:2rem;}
.report-slider .sk-row .sk-surface {background:#fbfbfd;border:0.1rem solid #e4e4f3;}
.visibility-section h2 {margin-bottom:4rem;}
.visibility-section .sk-row img {margin-left:5rem;width:100%;max-width:60%;}
.landing-page-wrapper .search-report-section .sk-container.search-report-bg {padding-bottom:5rem;margin-top:5rem;}
.landing-page-wrapper .search-report-section .sk-container.search-report-bg:after {background:url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/icons/ai-search/playbook-bg.webp);background-size:contain;height:100%;width:100%;background-position:right;background-repeat:no-repeat;position:absolute;content:'';top:0;right:0;left:0;border-top-right-radius:2rem;border-bottom-right-radius:2rem;}
.image-bg-color {background:#f6f6f6;padding:4rem;border-radius:10px;border:0.1rem solid #f6f6f6;flex:0 0 45%;max-width:45%;}
.image-bg-color .report-step-img {width:40rem;border-radius:10px;}
.left-align {margin-left:5rem;}
.sk-flex.form-logo-footer {gap:2rem;}
.icon-size {width:3rem;height:3rem;flex-shrink:0;border-radius:3px;}
/* two-step lead form: step 1 is the business email, step 2 the remaining fields (switched by playbook.js) */
.form-wrapper .playbook-step-hidden {display:none !important;}
.form-wrapper [data-playbook-step] {animation:playbookStepIn .35s ease-out;}
.form-wrapper [data-playbook-step="1"] .sk-form-group .sk-form-row {max-width:100%;}
/* style.css greys every form input (#F5F5F5), which reads as disabled here; keep fields white and active-looking */
.form-wrapper[data-playbook-form] .sk-form-group .sk-form-row .sk-text-field .sk-input {background:#fff;border-color:#8c8c8c;}
.form-wrapper[data-playbook-form] .sk-form-group .sk-form-row .sk-text-field .sk-input:hover {border-color:#555;}
.form-wrapper[data-playbook-form] .sk-form-group .sk-form-row .sk-text-field .sk-input:focus {border-color:var(--color-form-elements-border-focus);}
.form-wrapper[data-playbook-form] .sk-form-group .sk-form-row .sk-text-field.sk-error .sk-input {border-color:var(--color-form-elements-border-error);}
/* locked until the previous field is valid */
.form-wrapper[data-playbook-form] .sk-form-group .sk-form-row .sk-text-field .sk-input:disabled {background:#f2f2f2;border-color:#d9d9d9;color:#999;cursor:not-allowed;}
.form-wrapper[data-playbook-form] .sk-form-row:has(.sk-input:disabled) .playbook-label {color:#aaa;}
.form-wrapper .playbook-label {display:block;margin-bottom:.6rem;font-size:1.4rem;font-weight:500;color:var(--color-black);}
.form-wrapper .playbook-email-summary {display:flex;justify-content:space-between;gap:1rem;font-size:1.4rem;color:#555;word-break:break-all;}
.form-wrapper .playbook-email-summary a {flex-shrink:0;font-weight:500;}
.form-wrapper button[type="submit"]:disabled {opacity:.5;cursor:not-allowed;}
@keyframes playbookStepIn {from {opacity:0;transform:translateY(-.8rem);} to {opacity:1;transform:none;}}
@media (max-width:768px) {
	.playbook-wrapper .form-wrapper .sk-form-group {margin-bottom:1rem;}
	.playbook-wrapper .form-wrapper .sk-form-group .sk-text-field input.sk-input {background:transparent;}
	.left-align {margin-left:0;}
	.image-bg-color {flex:0 0 100%;max-width:100%;}
	.align-title h2 br {display:none;}
	.landing-page-wrapper .search-report-section .sk-container.search-report-bg:after {display:none;}
	.optional-bg.visibility-gap-group {height:38rem;}
	.sk-flex.form-logo-footer {flex-wrap:wrap;justify-content:center;}
	.optional-card .sk-flex-row .sk-surface .sk-h4 {font-size:2rem;}
	.optional-card .sk-flex-row .sk-surface p {margin-bottom:0;}
	.download-btn-play .animated-button {font-size:1.6rem;}
	.optional-bg h2,.report-slider h2,.search-report-bg h2,.rank-report h2,.transform-bg h2,.ai-client-search h2,.customer-bg h2 {font-size:3rem;}
	.optional-bg {height:30rem;}
	.ai-search-banner {height:auto;padding-top:115px !important;}
	.report-hero-section h1 br {display:none;}
	.form-wrapper h4 {margin-bottom:2rem !important;}
	.form-wrapper h4 br {display:none;}
	.hero-banner.ai-search-banner .form-wrapper {margin-bottom:0;}
}