/* Service-specific layouts. Original Hirael pointer spotlight retained under MIT;
   notice and upstream attribution are in LICENSE-hirael.txt and the page footers. */
.service-page .service-features{gap:0}
.service-page .service-icon svg{width:22px;height:22px}
.service-page .spotlight-card::after{display:none}
.service-page .spotlight-card{background:#fff;box-shadow:none}
.service-page .spotlight-card .service-icon{border:0;border-radius:0;background:none;box-shadow:none;width:28px;height:28px;margin-bottom:18px;color:#007e99}
.service-page .service-steps .process-mark{width:10px;height:10px;padding:0;border:2px solid #008ca8;background:white;border-radius:50%;margin:5px 0 26px}
.service-page .service-steps{list-style:none}
.service-page .service-steps li{position:relative}
.service-page .service-steps h3{margin-top:0}
.service-page .service-steps p{max-width:420px}
.service-page .service-features figure{margin:0;min-width:0}
.service-page .service-features figcaption{font-size:11px;line-height:1.5;color:#536775;padding:16px 20px;text-align:center}
/* Website: an actual page, with a compact editorial checklist beside it. */
.service-page .website-workbench{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:38px}
.website-preview{border:1px solid #bdced8;box-shadow:0 18px 50px #193d4b0c;background:white}
.preview-toolbar{display:flex;align-items:center;gap:5px;padding:13px 16px;border-bottom:1px solid #d4e1e6}
.preview-toolbar i{width:6px;height:6px;border-radius:50%;background:#9bb6c1}.preview-toolbar span{margin-left:12px;color:#536775;font-size:11px}
.website-preview img{display:block;width:100%;height:auto}
.service-page .website-essentials .spotlight-card{border:0;border-bottom:1px solid #d5e2e7;padding:24px 0 24px 44px;min-height:0}
.service-page .website-essentials .spotlight-card:first-child{padding-top:0}
.service-page .website-essentials .service-icon{position:absolute;left:0;top:24px}
.service-page .website-essentials .spotlight-card:first-child .service-icon{top:0}
.service-page .website-essentials h3{font-size:22px}
.service-page .website-essentials p{margin-top:8px}
.service-website .service-process{display:grid;grid-template-columns:1fr 2fr;column-gap:60px}
.service-website .service-process>.eyebrow{grid-column:1}.service-website .service-process>h2{grid-column:1;margin-top:14px}.service-website .service-steps{grid-column:2;grid-row:1/3;margin-top:0;grid-template-columns:1fr;gap:25px}
.service-website .service-steps li{padding-left:28px;border-bottom:1px solid #dbe6eb;padding-bottom:24px}.service-website .service-steps .process-mark{position:absolute;left:0;top:3px}
/* Organic search: a search-to-site map, then connected, spacious content pillars. */
.service-page .search-map{display:block;border-top:1px solid #cbdde5;padding-top:36px}
.search-map-intro{display:flex;align-items:center;max-width:820px;margin:0 auto 42px;padding:12px 0}
.search-query{display:flex;align-items:center;gap:15px;padding:19px 24px;border:1px solid #b9ced8;border-radius:40px;background:#fff;box-shadow:0 7px 20px #143e4e08;font-size:16px;color:#294855;min-width:0}
.search-query svg{width:22px;height:22px;flex-shrink:0}
.search-connection{height:1px;flex:1;min-width:25px;background:#00a4c5;position:relative}.search-connection::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-right:1px solid #00a4c5;border-top:1px solid #00a4c5;transform:rotate(45deg)}
.search-destination{border:1px solid #9fcbd6;padding:20px 28px;display:flex;gap:12px;align-items:center;color:#19475b;font-weight:600;font-size:16px}
.search-foundations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.service-page .search-foundations .spotlight-card{border:0;border-top:1px solid #cbdde5;padding:34px 40px 38px 0}
.service-page .search-foundations .spotlight-card:nth-child(even){border-left:1px solid #cbdde5;padding-left:40px;padding-right:0}
.service-search .service-process{padding:48px 40px;background:#fff;border:1px solid #cbdde5;margin-bottom:20px}
.service-search .service-steps li::before{content:"";position:absolute;top:10px;left:18px;right:-22px;height:1px;background:#bfd9e2}.service-search .service-steps li:last-child::before{display:none}
/* Paid search: campaign inputs flank an ad, with a wide management strip below. */
.service-page .ads-campaign{grid-template-columns:.85fr 1.15fr;gap:0 40px;align-items:center}
.service-page .ads-targeting .spotlight-card{border:0;border-left:2px solid #00a4c5;padding:10px 25px;margin:30px 0}
.service-page .ads-targeting .service-icon{margin-bottom:12px}
.ads-preview{border:1px solid #cbdde5;background:white;box-shadow:0 18px 50px #193d4b0c}.ads-preview img{display:block;width:100%;height:auto}
.ads-preview figcaption{border-top:1px solid #dbe6eb}
.ads-management{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin-top:38px;border-block:1px solid #cbdde5}
.service-page .ads-management .spotlight-card{border:0;padding:30px 40px 32px 0}.service-page .ads-management .spotlight-card+article{padding-left:40px;border-left:1px solid #cbdde5}
.service-ads .service-process{display:grid;grid-template-columns:1fr 2fr;gap:0 60px;border-top:0}
.service-ads .service-process>.eyebrow{grid-column:1}.service-ads .service-process>h2{grid-column:1}.service-ads .service-steps{grid-column:2;grid-row:1/3;grid-template-columns:1fr;margin:0;gap:0;border-left:1px solid #b9d7e0;padding-left:30px}
.service-ads .service-steps li{padding-bottom:28px}.service-ads .service-steps li:last-child{padding-bottom:0}.service-ads .service-steps .process-mark{position:absolute;left:-36px;top:3px;margin:0}
@media(max-width:900px){.service-page .website-workbench{grid-template-columns:1fr;gap:30px}.website-preview{max-width:680px}.website-essentials{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.service-page .website-essentials .spotlight-card:first-child{padding-top:24px}.service-page .website-essentials .spotlight-card:first-child .service-icon{top:24px}.service-website .service-process,.service-ads .service-process{display:block}.service-website .service-steps,.service-ads .service-steps{margin-top:32px}.service-page .ads-campaign{gap:0 24px}}
@media(max-width:719px){.service-page .website-workbench,.service-page .ads-campaign{display:block}.website-essentials,.search-foundations,.ads-management{display:block}.service-page .website-essentials .spotlight-card{padding-left:42px}.service-page .service-steps li{display:block}.service-page .service-steps .process-mark{grid-row:auto}.service-website .service-steps li{padding-left:27px}.search-map-intro{flex-direction:column;margin-bottom:30px}.search-query{font-size:14px;padding:16px 20px;max-width:100%}.search-connection{flex:none;height:32px;width:1px;min-width:0}.search-connection::after{top:auto;bottom:0;left:-3px;transform:rotate(135deg)}.search-destination{font-size:14px;padding:16px 24px}.service-page .search-foundations .spotlight-card,.service-page .search-foundations .spotlight-card:nth-child(even){border-left:0;padding:28px 0}.service-search .service-process{padding:30px 22px}.service-search .service-steps{gap:30px}.service-search .service-steps li{padding-left:24px}.service-search .service-steps .process-mark{position:absolute;left:0;top:1px}.service-search .service-steps li::before{left:4px;top:20px;bottom:-23px;width:1px;height:auto;right:auto}.service-page .ads-targeting .spotlight-card{padding:0 0 0 22px;margin:0 0 32px}.ads-preview{margin-top:30px!important}.ads-management{margin-top:30px}.service-page .ads-management .spotlight-card,.service-page .ads-management .spotlight-card+article{padding:26px 0;border-left:0}.service-page .ads-management .spotlight-card+article{border-top:1px solid #cbdde5}.service-ads .service-steps{margin-left:5px;padding-left:24px}.service-ads .service-steps .process-mark{left:-30px}}