/* AIO follows the accepted service-page system; shared styles remain unchanged. */
.aio-page { --aio-copy:#425572; --aio-line:#cbd9e9; --aio-accent:#52639f; }
.aio-page .es-section { padding-block:72px; scroll-margin-top:100px; }
.aio-page .es-section h2 { font-size:clamp(28px,2.9vw,42px); font-weight:800; }
.aio-page .es-section h2 .gradient-text { display:inline-block; max-width:100%; background-image:linear-gradient(100deg,#126b9b,#3c4bc2 55%,#823dba); }
.aio-page .es-section-head { gap:52px; margin-bottom:38px; }
.aio-page .es-intro { font-size:16px; color:var(--aio-copy); }
.aio-page .es-hero-grid { grid-template-columns:1.05fr 1fr; gap:65px; padding-block:24px 20px; }
.aio-page .es-hero h1 { font-size:clamp(36px,3.6vw,52px); line-height:1.5; }
.aio-page .es-lead { font-size:17px; max-width:32em; }
.aio-page .es-hero-actions { gap:16px 24px; }
.aio-page .es-hero-actions > .button { border-color:transparent; box-shadow:inset 0 0 0 1px #a1dbffb3,0 0 1px #a1dbff66,0 4px 24px #733dff21; }
.aio-page .es-hero-link { font-size:14px; }
.aio-page h3 { font-size:21px; line-height:1.65; }
.aio-page dd { margin:0; }
.aio-hero-visual { margin:0; padding:12px 0; position:relative; }
.aio-visual-question { margin-right:35px; display:flex; gap:13px; align-items:center; padding:19px 24px; border:1px solid #89a7d0; border-radius:12px 12px 12px 2px; background:#edf3fd; color:#1d395f; font-size:17px; font-weight:600; }
.aio-visual-question .icon { color:#5967ac; width:27px; height:27px; }
.aio-visual-information { position:relative; margin:26px 0 26px 35px; padding:25px 28px; border:1px solid #697fa8; border-radius:10px; background:#142b48; }
.aio-visual-information:before,.aio-visual-site:before { content:''; position:absolute; height:26px; top:-27px; left:35px; width:1px; background:#809ec5; }
.aio-visual-information h2,.aio-visual-information h3 { font-size:21px; color:#e1ecfc; margin:0 0 17px; }
.aio-visual-information > p { color:#c4d6ee; font-size:14px; margin-bottom:14px; }
.aio-visual-topics { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0; list-style:none; margin:17px 0 0; }
.aio-visual-topics li { padding:10px 12px; color:#dbe9fa; border:1px solid #557497; border-radius:4px; background:#203b5a; font-size:14px; }
.aio-visual-site { position:relative; margin-left:70px; padding:22px 25px; border:1px solid #b3c7e0; border-radius:9px; background:white; color:#163354; box-shadow:0 12px 25px #0003; }
.aio-visual-site > .icon { width:25px; height:25px; color:#4b71a3; }
.aio-visual-site h2,.aio-visual-site h3 { font-size:21px; margin:10px 0 8px; }
.aio-visual-site > p { color:#496281; font-size:14px; }
.aio-hero-visual > figcaption { font-size:12px; line-height:1.85; color:#c2d5ee; margin-top:22px; }
.aio-about .es-section-head { grid-template-columns:1fr; gap:23px; }
.aio-about .es-intro { max-width:920px; }
.aio-about-comparison { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:33px; margin:0; }
.aio-about-comparison > div { padding-top:23px; border-top:2px solid #829bc4; }
.aio-about-comparison dt { font-size:23px; font-weight:700; margin-bottom:14px; }
.aio-about-comparison dd { font-size:16px; color:var(--aio-copy); }
.aio-google-note { margin-top:32px; padding:23px 26px; background:#f0f5fb; border-left:3px solid #8197be; color:var(--aio-copy); font-size:15px; }
.aio-google-note h3 { margin:0 0 10px; font-size:18px; color:#254a77; }
.aio-google-note a { display:inline-flex; align-items:center; gap:8px; margin-top:14px; color:#28598f; font-size:14px; text-underline-offset:4px; }
.aio-google-note a .icon { width:16px; height:16px; }
.aio-support { background:#f3f7fc; }
.aio-support-rows { border-top:1px solid #a0b8d3; }
.aio-support-rows article { display:grid; grid-template-columns:.75fr 2fr; gap:38px; padding:30px 0; border-bottom:1px solid var(--aio-line); }
.aio-support-heading .es-number { display:block; font-size:14px; margin-bottom:7px; }
.aio-support-heading h3 { margin:0; }
.aio-support-rows dl { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin:0; }
.aio-support-rows dt { font-size:13px; font-weight:600; color:#466691; margin-bottom:9px; }
.aio-support-rows dd { font-size:16px; color:var(--aio-copy); }
.aio-support-rows dl > div:last-child { border-left:2px solid #a5bddb; padding-left:20px; }
.aio-page .aio-note { font-size:14px; color:var(--aio-copy); margin-top:24px; line-height:1.9; }
.aio-information-example { margin:0; border:1px solid #b4c9e2; border-radius:10px; background:#fff; padding:30px; }
.aio-information-example > figcaption { font-size:14px; color:#4d6e98; margin-bottom:20px; }
.aio-example-question { display:flex; align-items:center; gap:14px; padding:18px 22px; border-radius:6px; background:#eaf1fa; color:#294f80; font-size:19px; font-weight:600; }
.aio-example-question .icon { width:24px; height:24px; }
.aio-example-fields { margin:25px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:0 38px; }
.aio-example-fields > div { padding:20px 0; border-bottom:1px solid #ccd9ea; }
.aio-example-fields dt { font-weight:700; font-size:17px; margin-bottom:10px; }
.aio-example-fields dd { font-size:16px; color:var(--aio-copy); }
.aio-check-points { list-style:none; margin:27px 0 0; padding:0; display:grid; gap:12px; }
.aio-check-points li { display:flex; gap:12px; font-size:16px; color:var(--aio-copy); }
.aio-check-points .icon { width:18px; height:27px; color:#567aa6; }
.aio-process { background:#f3f7fc; }
.aio-process .es-intro { margin-top:23px; }
.aio-process-note { padding:18px 21px; background:#e6eef9; border-left:3px solid #7e9bc0; font-size:14px; color:var(--aio-copy); margin-top:27px!important; }
.aio-page .es-pricing { background:#f5f8fc url('../assets/pricing-trails.png') center bottom/cover no-repeat; }
.aio-page .es-estimate { border-top-width:2px; }
.aio-related-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
.aio-related-links a { display:flex; justify-content:space-between; align-items:start; gap:18px; border-top:1px solid #adc2dc; padding:23px 0; text-decoration:none; }
.aio-related-links a > span > strong { display:block; font-size:21px; line-height:1.65; margin-bottom:12px; }
.aio-related-links a > span > span { display:block; font-size:16px; color:var(--aio-copy); }
.aio-related-links a > .icon { margin-top:7px; }
.aio-related-links a:hover strong { text-decoration:underline; text-underline-offset:5px; }
.aio-page .site-contact .site-contact-button { width:min(100%,400px); background:var(--gradient); }
@media(max-width:1100px) {
 .aio-page .es-hero-grid { gap:32px; }
 .aio-page .es-hero h1 { font-size:40px; }
 .aio-visual-question { padding:17px 20px; margin-right:20px; }
 .aio-visual-information { margin-left:20px; padding:23px; }
 .aio-visual-site { margin-left:40px; }
 .aio-support-rows article { gap:26px; }
}
@media(max-width:800px) {
 .aio-page .es-hero-grid { grid-template-columns:1fr; gap:35px; }
 .aio-hero-visual { width:min(100%,540px); justify-self:center; }
 .aio-page .es-section { padding-block:56px; }
 .aio-page .es-section-head { gap:24px; }
 .aio-about-comparison { gap:24px; }
 .aio-support-rows article { grid-template-columns:1fr; gap:18px; }
 .aio-related-links { grid-template-columns:1fr; gap:8px; }
}
@media(max-width:600px) {
 .aio-page .es-hero-grid { padding-block:8px 10px; }
 .aio-page .es-hero h1 { font-size:33px; }
 .aio-page .es-lead { font-size:16px; }
 .aio-page .es-hero-actions { gap:9px; }
 .aio-visual-question { padding:17px; font-size:16px; margin-right:18px; }
 .aio-visual-information { padding:21px 18px; margin-left:12px; }
 .aio-visual-information h2,.aio-visual-information h3 { font-size:20px; }
 .aio-visual-topics { gap:8px; }
 .aio-visual-topics li { padding:9px; font-size:13px; }
 .aio-visual-site { padding:21px; margin-left:24px; }
 .aio-about-comparison { grid-template-columns:1fr; gap:28px; }
 .aio-about-comparison dt { font-size:22px; }
 .aio-google-note { padding:20px; }
 .aio-support-rows dl { grid-template-columns:1fr; gap:18px; }
 .aio-support-rows dl > div:last-child { padding-left:16px; }
 .aio-information-example { padding:21px; }
 .aio-example-question { padding:16px; font-size:17px; }
 .aio-example-fields { grid-template-columns:1fr; margin-top:13px; }
 .aio-page .site-contact .site-contact-button { font-size:16px; }
}
@media(max-width:359px) {
 .aio-page .es-hero h1 { font-size:29px; }
 .aio-page .button { padding-inline:22px; gap:10px; }
 .aio-visual-question { margin-right:0; }
 .aio-visual-information { margin-left:0; }
 .aio-visual-site { margin-left:12px; }
 .aio-visual-topics { grid-template-columns:1fr; }
}
.aio-visual-question { display:block; }
.aio-visual-question > p { display:flex; align-items:center; gap:10px; margin-bottom:11px; color:#47618a; font-size:13px; }
.aio-visual-question > p .icon { width:19px; height:19px; }
.aio-visual-question > strong { display:block; font-size:18px; }
.aio-visual-information { margin-block:0; }
.aio-visual-information:before,.aio-visual-site:before { content:none; }
.aio-visual-information > p { display:flex; align-items:center; gap:10px; margin:0; font-size:16px; font-weight:600; }
.aio-visual-information > p .icon { width:21px; height:21px; }
.aio-visual-topics { grid-template-columns:1fr; }
.aio-visual-topics li { display:flex; align-items:center; gap:10px; }
.aio-visual-topics .icon { width:16px; height:20px; color:#adc7ee; }
.aio-visual-arrow { display:flex; justify-content:center; height:28px; color:#8fb3df; }
.aio-visual-arrow .icon { transform:rotate(90deg); width:18px; height:24px; }
.aio-visual-site > p { display:flex; align-items:center; gap:11px; color:#214676; font-size:18px; margin-bottom:10px; }
.aio-visual-site > p .icon { width:23px; height:23px; }
.aio-visual-site > span { display:block; font-size:14px; color:#4b6382; }
.aio-information-example > figcaption strong { display:block; font-size:18px; color:#264d7c; margin-bottom:8px; }
.aio-information-example > figcaption span { display:block; }
.aio-example-question { display:block; }
.aio-example-question > span { display:flex; align-items:center; gap:9px; font-size:14px; margin-bottom:9px; color:#52739a; }
.aio-example-question > strong { display:block; }
.aio-example-checks { margin-top:30px; }
.aio-example-checks h3 { margin:0; }
.aio-pricing .es-intro { margin-top:23px; }
.aio-pricing-phases { margin:30px 0 0; }
.aio-pricing-phases > div { border-top:1px solid #c2d2e6; padding-block:20px; }
.aio-pricing-phases dt { font-size:18px; font-weight:600; margin-bottom:8px; }
.aio-pricing-phases dd { font-size:16px; color:var(--aio-copy); }
.aio-pricing .button { margin-top:25px; }
@media(max-width:600px) {
 .aio-visual-question > strong { font-size:16px; }
 .aio-visual-site > p { font-size:17px; }
}
@media(min-width:801px) {
 .aio-visual-topics { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .aio-visual-topics li { display:block; padding:12px 10px; }
 .aio-visual-topics li .icon { display:block; margin-bottom:5px; }
 .aio-visual-topics li span { display:block; font-size:13px; }
}
/* Concrete service scope, text comparison and reviewable follow-up examples. */
.aio-page .es-hero h1 { font-size:clamp(30px,2.45vw,36px); line-height:1.55; text-wrap:balance; }
.aio-page .es-hero-grid { gap:48px; grid-template-columns:1.3fr 1fr; }
.aio-page .es-lead { font-size:16px; line-height:1.9; }
.aio-page .es-hero-actions { gap:12px 20px; }
.aio-page .button,.aio-page .site-contact .site-contact-button { background:linear-gradient(105deg,#ac24b9,#6219ed 48%,#2464bc); }
.aio-page .es-hero-actions .button { font-size:16px; padding-inline:25px; gap:13px; }
.aio-page .es-hero-link { font-size:14px; }
.aio-page .es-section-head { align-items:start; }
.aio-page .es-section-head .es-intro { padding-top:33px; }
.aio-page .es-section h2 { font-size:clamp(28px,2.6vw,38px); line-height:1.55; text-wrap:balance; }
.aio-visual-question { margin-right:22px; }
.aio-visual-information { margin-left:22px; }
.aio-visual-site { margin:24px 0 0 45px; border-left:3px solid #85a3cf; box-shadow:none; }
.aio-visual-site > p { font-size:17px; }
.aio-visual-site > span { font-size:15px; }
.aio-visual-topics { grid-template-columns:1fr 1fr; }
.aio-visual-topics li { display:flex; align-items:center; gap:8px; padding:10px; }
.aio-visual-topics li .icon { margin:0; }
.aio-visual-topics li span { font-size:14px; }
.aio-hero-visual > figcaption { font-size:13px; }
.aio-about .es-section-head { margin-bottom:25px; }
.aio-about .es-section-head .es-intro { padding-top:0; }
.aio-about-copy { max-width:940px; font-size:16px; color:var(--aio-copy); }
.aio-about-copy p+p { margin-top:16px; }
.aio-seo-relationship { margin-top:28px; padding:25px 0 0; border-top:1px solid var(--aio-line); }
.aio-seo-relationship h3 { margin:0 0 13px; font-size:21px; }
.aio-seo-relationship p { max-width:960px; font-size:16px; color:var(--aio-copy); }
.aio-google-note { margin-top:23px; padding:20px 24px; font-size:15px; }
.aio-support-scope { margin-top:26px; padding:21px 24px; border-left:3px solid #718cb6; background:#e8eff8; font-size:15px; color:var(--aio-copy); }
.aio-support-scope h3 { margin:0 0 9px; font-size:18px; color:#254b79; }
.aio-support-scope p+p { margin-top:10px; }
.aio-before-after { display:grid; grid-template-columns:.85fr 1.15fr; gap:30px; margin-top:23px; }
.aio-before-after article { padding:25px; border:1px solid #c4d1e3; border-radius:7px; background:#f5f7fa; }
.aio-before-after article:last-child { background:#edf4fc; border-color:#94b2d7; }
.aio-before-after h3 { font-size:19px; margin:0 0 17px; color:#375f8c; }
.aio-before-after p { font-size:17px; color:#243d5c; line-height:1.9; }
.aio-before-after p+p { margin-top:13px; }
.aio-improvement-points { margin:26px 0 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.aio-improvement-points > div { border-top:2px solid #90accd; padding-top:17px; }
.aio-improvement-points dt { font-size:16px; font-weight:700; color:#264d7b; margin-bottom:9px; }
.aio-improvement-points dd { font-size:15px; color:var(--aio-copy); }
.aio-question-planning { margin-top:32px; }
.aio-question-planning h3 { margin:0 0 13px; }
.aio-question-planning > p { max-width:920px; font-size:16px; color:var(--aio-copy); }
.aio-question-planning ul { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; margin:22px 0 0; padding:0; }
.aio-question-planning li { border-left:2px solid #9ab2d0; padding-left:16px; font-size:16px; }
.aio-report-section { background:#f2f6fb; }
.aio-report-section .es-section-head { grid-template-columns:1fr; gap:20px; }
.aio-report-section .es-section-head .es-intro { padding-top:0; max-width:940px; }
.aio-observation-list { list-style:none; padding:0; margin:0 0 32px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px; }
.aio-observation-list > li { border-top:1px solid #9fb5ce; padding-top:17px; }
.aio-observation-list h3 { font-size:17px; margin:8px 0 10px; }
.aio-observation-list p { font-size:15px; color:var(--aio-copy); }
.aio-observation-list .es-number { font-size:14px; }
.aio-report-sample { padding:29px 32px; border:1px solid #b7c9df; border-radius:9px; background:#fff; }
.aio-report-sample > header { display:block; position:static; height:auto; box-shadow:none; border-bottom:1px solid #c9d8e8; padding:0 0 20px; margin:0 0 3px; background:none; color:inherit; }
.aio-report-sample > header h3 { margin:0 0 9px; font-size:23px; }
.aio-report-sample > header p { font-size:14px; color:var(--aio-copy); }
.aio-report-rows { margin:0; }
.aio-report-rows > div { display:grid; grid-template-columns:180px 1fr; gap:30px; padding:23px 0; border-bottom:1px solid #d5e0ec; }
.aio-report-rows > div:last-child { border-bottom:0; padding-bottom:0; }
.aio-report-rows dt { font-size:16px; font-weight:700; color:#365d8b; }
.aio-report-rows dd { font-size:16px; color:var(--aio-copy); }
.aio-report-conditions { margin-top:26px; border-left:3px solid #93abca; padding:5px 0 5px 20px; color:var(--aio-copy); font-size:15px; }
.aio-report-conditions h3 { margin:0 0 12px; font-size:19px; color:#284d77; }
.aio-report-conditions p+p { margin-top:12px; }
.aio-report-conditions ul { padding-left:21px; margin:12px 0 0; }
.aio-report-conditions li+li { margin-top:7px; }
.aio-process { background:#fff; }
.aio-process-table { list-style:none; padding:0; margin:0; border-top:1px solid #9cb5d2; }
.aio-process-table > li { display:grid; grid-template-columns:.8fr 2fr; gap:36px; padding:27px 0; border-bottom:1px solid #cfdbeb; }
.aio-process-stage { display:flex; align-items:start; gap:17px; }
.aio-process-stage h3 { margin:5px 0 0; font-size:20px; }
.aio-process-stage .es-step { width:39px; height:39px; flex:none; font-size:15px; }
.aio-process-table dl { margin:0; display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.aio-process-table dt { font-weight:600; font-size:13px; color:#41648e; margin-bottom:9px; }
.aio-process-table dd { font-size:16px; color:var(--aio-copy); }
.aio-process-table dl > div:last-child { background:#f1f5fb; border-left:2px solid #b1c5df; padding:15px 18px; margin-top:-15px; margin-bottom:-15px; }
.aio-pricing-work { margin:0; border-top:2px solid #8ba8cb; }
.aio-pricing-work > div { display:grid; grid-template-columns:270px 1fr; gap:35px; padding:24px 0; border-bottom:1px solid #c4d3e5; }
.aio-pricing-work dt { font-size:20px; font-weight:700; }
.aio-pricing-work dd { font-size:16px; color:var(--aio-copy); }
.aio-pricing-scope { display:grid; grid-template-columns:1fr 1fr; gap:50px; margin-top:30px; }
.aio-pricing-scope h3 { font-size:20px; margin:0 0 15px; }
.aio-pricing-scope ol { padding:0; margin:0; list-style:none; }
.aio-pricing-scope ol > li { padding:12px 0; border-bottom:1px solid #c7d7e9; font-size:16px; color:var(--aio-copy); }
.aio-pricing-scope ol strong { color:#254a77; }
.aio-pricing-scope ul { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.aio-pricing-scope ul > li { font-size:15px; color:var(--aio-copy); }
@media(max-width:1100px) {
 .aio-page .es-hero-grid { gap:30px; }
 .aio-page .es-hero h1 { font-size:34px; }
 .aio-page .es-hero-actions .button { padding-inline:22px; font-size:15px; }
 .aio-observation-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .aio-improvement-points { grid-template-columns:1fr 1fr; }
 .aio-process-table > li { grid-template-columns:1fr; gap:23px; }
}
@media(max-width:800px) {
 .aio-page .es-hero-grid { grid-template-columns:1fr; }
 .aio-page .es-section-head .es-intro { padding-top:0; }
 .aio-before-after { grid-template-columns:1fr; gap:20px; }
 .aio-observation-list { grid-template-columns:1fr 1fr; }
 .aio-question-planning ul { grid-template-columns:1fr; gap:15px; }
 .aio-pricing-work > div { grid-template-columns:200px 1fr; gap:25px; }
 .aio-pricing-scope { grid-template-columns:1fr; gap:30px; }
}
@media(max-width:600px) {
 .aio-page .es-hero h1 { font-size:30px; text-wrap:pretty; }
 .aio-page .es-hero h1 > span { display:inline; }
 .aio-page .es-hero h1 .gradient-text { box-decoration-break:clone; -webkit-box-decoration-break:clone; }
 .aio-page .aio-title-break { display:none; }
 .aio-page .es-section h2 .gradient-text { display:inline-block; }
 .aio-visual-site { margin:22px 0 0 16px; }
 .aio-visual-topics { grid-template-columns:1fr 1fr; }
 .aio-visual-information { margin-left:0; }
 .aio-visual-question { margin-right:0; }
 .aio-before-after article { padding:21px; }
 .aio-before-after p { font-size:16px; }
 .aio-improvement-points { grid-template-columns:1fr; gap:21px; }
 .aio-observation-list { grid-template-columns:1fr; gap:19px; }
 .aio-observation-list h3 { font-size:18px; }
 .aio-report-sample { padding:22px; }
 .aio-report-rows > div { grid-template-columns:1fr; gap:10px; }
 .aio-report-sample > header h3 { font-size:21px; }
 .aio-process-table dl { grid-template-columns:1fr; gap:20px; }
 .aio-process-table dl > div:last-child { margin-block:0; }
 .aio-pricing-work > div { grid-template-columns:1fr; gap:12px; }
 .aio-page .es-hero-actions > .button,.aio-page .site-contact .site-contact-button { padding-inline:17px; font-size:15px; gap:9px; }
}
@media(max-width:359px) {
 .aio-page .es-hero h1 { font-size:27px; }
 .aio-page .es-hero-actions > .button,.aio-page .site-contact .site-contact-button { font-size:14px; padding-inline:12px; gap:6px; }
 .aio-page .es-hero-actions > .button .icon,.aio-page .site-contact .site-contact-button .icon { width:21px; }
 .aio-before-after article,.aio-report-sample { padding:18px; }
}
.aio-improvement-explanation { margin-top:28px; }
.aio-improvement-explanation > h3 { margin:0; font-size:19px; }
.aio-question-label { margin-top:20px!important; font-size:14px!important; font-weight:600; color:#40648d!important; }
.aio-question-planning ul { margin-top:13px; }
.aio-question-planning li { display:flex; gap:10px; align-items:start; }
.aio-question-planning li .icon { width:19px; height:27px; color:#4d719d; }
.aio-pricing-work-panel > h3 { font-size:19px; margin:0 0 18px; }
.aio-pricing-scope > div > p { margin-top:20px; color:var(--aio-copy); font-size:15px; }
.aio-pricing-conditions li { display:flex; align-items:start; gap:10px; }
.aio-pricing-conditions .icon { width:17px; height:26px; color:#557ba3; }
.aio-page .aio-support .aio-note { font-size:15px; }
.aio-hero-phrase { display:inline-block; }
@media(max-width:600px) {
 .aio-page .es-hero h1 > .gradient-text { display:inline-block; }
}