/* PageSpot v0.8 SEO content pages only. Base styling preserved. */

.service-links {display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:28px;}
.service-links a,.offer-link {font-size:16px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center;gap:10px;}
.scope-note .offer-link {margin-left:10px;}
.footer-resources {display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:16px;max-width:500px;}
.footer-resources a {font-size:16px;min-height:40px;display:inline-flex;align-items:center;}
.content-main {padding-bottom:24px;}
.breadcrumbs {display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:15px;padding-block:22px;}
.breadcrumbs a {min-height:36px;display:inline-flex;align-items:center;}
.breadcrumbs a:hover {color:var(--ink);}
.breadcrumbs [aria-current=page] {color:var(--ink);}
.content-hero,.industry-hero {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:46px 0 76px;}
.content-hero h1,.industry-hero h1,.guide-hero h1 {font-size:clamp(40px,4.2vw,64px);line-height:1.06;letter-spacing:-.05em;}
.content-hero h1 .serif,.industry-hero h1 .serif,.guide-hero h1 .serif {font-size:1.16em;line-height:1.03;}
.content-hero p,.industry-copy>p,.guide-hero>p {margin-top:24px;font-size:19px;line-height:1.6;color:var(--muted);max-width:560px;}
.content-label {font-size:15px!important;letter-spacing:.02em;color:var(--sage)!important;font-weight:500;margin:0 0 22px!important;}
.content-price {display:flex;align-items:center;gap:20px;margin-block:30px!important;}
.content-price strong {font-size:44px;font-weight:600;letter-spacing:-.06em;color:var(--ink);line-height:1;}
.content-price span {font-size:16px;line-height:1.6;}
.content-actions {display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center;}
.content-actions .button {gap:14px;}
.inclusion-panel {padding:38px;background:var(--panel);border:1px solid var(--line);border-radius:22px;}
.inclusion-panel h2 {font-size:27px;line-height:1.2;margin-bottom:26px;}
.plain-features {list-style:none;padding:0;margin:0 0 24px;display:grid;gap:18px;}
.plain-features li {display:flex;align-items:flex-start;gap:12px;font-size:17px;line-height:1.65;}
.plain-features li>svg {margin-top:4px;color:var(--sage);}
.plain-features li span {min-width:0;overflow-wrap:anywhere;}
.plain-features strong {font-weight:500;}
.content-section {padding-block:68px;border-top:1px solid var(--line);}
.section-heading {display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-bottom:38px;}
.section-heading p,.split-content p,.fit-panel p {font-size:18px;color:var(--muted);max-width:560px;}
.editorial-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;}
.editorial-grid article+article {border-left:1px solid var(--line);padding-left:32px;}
.editorial-grid h3 {font-size:24px;line-height:1.2;margin-bottom:16px;}
.editorial-grid p {color:var(--muted);font-size:17px;}
.split-content {display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;}
.split-content h2 {margin-bottom:24px;}
.split-content p+p {margin-top:20px;}
.split-content .text-link {margin-top:22px;}
.content-faq details {border-top:1px solid var(--line);}
.content-faq details:last-child {border-bottom:1px solid var(--line);}
.content-faq summary {padding:21px 0;display:flex;justify-content:space-between;gap:18px;font-size:18px;line-height:1.45;list-style:none;}
.content-faq summary::-webkit-details-marker {display:none;}
.content-faq summary>span {font-size:22px;font-weight:400;flex-shrink:0;}
.content-faq details[open] summary>span {transform:rotate(45deg);}
.content-faq details>div {padding:0 24px 26px 0;color:var(--muted);font-size:17px;}
.content-faq p {font-size:17px;}
.resource-section h2 {font-size:34px;margin-bottom:26px;}
.resource-links {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.resource-links>a {padding:22px;border:1px solid var(--line);border-radius:16px;font-size:18px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--white);}
.content-cta {display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:40px;margin-block:22px 60px;}
.content-cta h2 {font-size:36px;line-height:1.15;}
.content-cta p {font-size:17px;color:var(--muted);margin-top:16px;}
.content-cta>div:last-child {display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
.content-cta>.button {justify-self:end;}
.industry-hero {grid-template-columns:1fr 1.05fr;gap:46px;}
.industry-art {min-width:0;}
.industry-art .device-composition {padding:0 48px 18px 0;}
.industry-art .phone-device {width:130px;border-radius:23px;}
.industry-art .phone-screen {border-radius:18px;}
.industry-art figcaption {font-size:15px;color:var(--muted);margin-top:20px;}
.industry-art .browser-address {font-size:9px;}
.fit-panel {display:grid;grid-template-columns:1fr 1fr;gap:58px;}
.fit-panel h2 {margin-bottom:24px;}
.fit-panel h3 {font-size:25px;line-height:1.25;margin-bottom:20px;}
.fit-panel .plain-features {margin-top:24px;}
.fit-panel p+p {margin-top:20px;}
.fit-panel .text-link {margin-top:20px;}
.guide-hero {max-width:780px;padding:42px 0 52px;}
.article-content {max-width:800px;margin-bottom:76px;}
.article-content .article-lead {font-size:21px;line-height:1.65;color:var(--ink);}
.article-content section {margin-top:48px;}
.article-content h2 {font-size:32px;line-height:1.2;margin-bottom:22px;}
.article-content h3 {font-size:24px;line-height:1.25;margin-bottom:16px;}
.article-content p {font-size:18px;color:var(--muted);margin-top:18px;}
.article-content a:not(.button) {text-decoration:underline;text-underline-offset:5px;}
.article-content .text-link {margin-top:20px;}
.comparison-cards {display:grid;gap:20px;}
.comparison-cards article {border:1px solid var(--line);border-radius:18px;padding:26px 30px;background:var(--white);}
.comparison-cards article .content-label {margin-bottom:14px!important;}
.comparison-cards article p {margin-top:0;}
.question-list {list-style:none;counter-reset:questions;display:grid;gap:22px;margin:0;padding:0;}
.question-list li {position:relative;padding-left:44px;counter-increment:questions;}
.question-list li:before {content:counter(questions,decimal-leading-zero);position:absolute;left:0;top:2px;font-size:15px;color:var(--sage);}
.question-list strong {display:block;font-weight:500;font-size:19px;}
.question-list span {display:block;color:var(--muted);margin-top:7px;font-size:18px;}
.article-callout {background:var(--panel);padding:32px;border-radius:20px;margin-top:44px;}
.article-callout h2 {font-size:30px;}
.article-related {display:flex;flex-wrap:wrap;gap:8px 30px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line);}
.guide-list {padding-left:24px;color:var(--muted);display:grid;gap:16px;font-size:18px;}
.guide-split {display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.guide-split article {border-top:1px solid var(--line);padding-top:22px;}
.contact-block {border-top:1px solid var(--line);padding-top:36px;}
.contact-email {display:inline-block;max-width:100%;font-size:23px;font-weight:500;overflow-wrap:anywhere;margin-top:18px;}
@media(max-width:1100px){
 .content-hero,.industry-hero {gap:32px;}
 .industry-art .phone-device {width:106px;}
 .content-price {gap:14px;}
 .content-price strong {font-size:40px;}
 .content-actions {gap:12px;}
 .content-actions .button {padding-inline:20px;}
 .inclusion-panel {padding:28px;}
 .split-content {gap:40px;}
}
@media(max-width:800px){
 .content-hero,.industry-hero {grid-template-columns:1fr;gap:40px;padding:25px 0 50px;}
 .content-hero h1,.industry-hero h1,.guide-hero h1 {font-size:clamp(38px,7vw,54px);}
 .industry-copy,.guide-hero {max-width:650px;}
 .industry-art {max-width:620px;}
 .industry-art .phone-device {width:155px;}
 .industry-art .device-composition {padding-right:75px;}
 .section-heading,.split-content,.fit-panel {grid-template-columns:1fr;gap:28px;}
 .editorial-grid {gap:24px;}
 .editorial-grid article+article {padding-left:20px;}
 .content-cta {grid-template-columns:1fr;gap:24px;padding:32px;}
 .content-cta>div:last-child {align-items:flex-start;}
 .content-cta>.button {justify-self:start;}
 .resource-links {grid-template-columns:1fr;}
}
@media(max-width:600px){
 .breadcrumbs {gap:9px;font-size:14px;padding-block:8px 16px;}
 .content-hero h1,.industry-hero h1,.guide-hero h1 {font-size:clamp(36px,9.7vw,48px);}
 .content-hero p,.industry-copy>p,.guide-hero>p {font-size:17px;}
 .content-price span {font-size:15px;}
 .content-price strong {font-size:42px;}
 .content-label {font-size:15px!important;}
 .industry-art .desktop-device {display:block;}
 .industry-art .device-composition {padding-right:38px;max-width:none;}
 .industry-art .phone-device {width:100px;position:absolute;bottom:0;right:0;padding:3px;}
 .industry-art .browser-address {font-size:8px;}
 .industry-art .browser-chrome {gap:6px;padding-inline:8px;height:18px;}
 .industry-art .browser-dots {gap:3px;}
 .industry-art .browser-dots i {width:3px;height:3px;}
 .industry-art figcaption {font-size:14px;line-height:1.5;}
 .industry-art .phone-top {height:14px;}
 .industry-art .phone-top i {height:7px;width:36px;top:4px;}
 .industry-art .phone-home {height:10px;}
 .industry-art .phone-home:after {height:2px;width:36px;top:4px;}
 .content-section {padding-block:46px;}
 .section-heading h2,.split-content h2,.fit-panel h2 {font-size:34px;}
 .section-heading p,.split-content p,.fit-panel p {font-size:17px;}
 .editorial-grid,.guide-split {grid-template-columns:1fr;gap:24px;}
 .editorial-grid article+article {padding:24px 0 0;border-left:none;border-top:1px solid var(--line);}
 .editorial-grid h3 {font-size:23px;}
 .inclusion-panel {padding:24px;border-radius:18px;}
 .inclusion-panel h2 {font-size:25px;}
 .plain-features li {font-size:16px;}
 .content-faq summary {font-size:17px;}
 .content-faq details>div {padding-right:0;}
 .content-cta {padding:25px;margin-bottom:42px;}
 .content-cta h2 {font-size:30px;}
 .content-cta>div:last-child,.content-cta .button {width:100%;}
 .guide-hero {padding:24px 0 30px;}
 .article-content {margin-bottom:44px;}
 .article-content p,.article-content .article-lead,.question-list span,.guide-list {font-size:17px;}
 .article-content section {margin-top:36px;}
 .article-content h2 {font-size:29px;}
 .comparison-cards article,.article-callout {padding:24px;}
 .question-list li {padding-left:32px;}
 .contact-email {font-size:20px;}
 .service-links {justify-content:flex-start;gap:4px 20px;}
 .footer-resources {gap:3px 18px;}
}
@media(max-width:700px){
 .industry-art .device-composition {display:flex;justify-content:center;padding:0;}
 .industry-art .desktop-device {display:none;}
 .industry-art .phone-device {position:relative;bottom:auto;right:auto;width:min(255px,90%);padding:4px;border-radius:28px;}
 .industry-art .phone-screen {border-radius:22px;}
 .industry-art .phone-top {height:21px;}
 .industry-art .phone-top i {width:50px;height:11px;top:5px;}
 .industry-art .phone-home {height:14px;}
 .industry-art .phone-home:after {height:3px;width:52px;top:5px;}
 .industry-art figcaption {text-align:center;}
}


/* PageSpot v1.4: About page spacing and layout refinement. */
.ps-about .content-main { max-width:1180px; padding-bottom:96px; }
.ps-about .breadcrumbs { padding-top:24px; }
.ps-about .guide-hero { max-width:900px; padding:68px 0 70px; border-bottom:1px solid var(--line); }
.ps-about .guide-hero h1 { max-width:840px; font-size:clamp(54px,6vw,80px); line-height:.98; }
.ps-about .guide-hero>p { max-width:700px; margin-top:28px; font-size:20px; line-height:1.55; }
.ps-about .article-content { max-width:none; margin:0; padding-top:54px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.ps-about .article-content>section { margin:0; padding:32px; border:1px solid var(--line); border-radius:20px; background:rgba(239,234,224,.34); }
.ps-about .article-content h2 { margin-bottom:18px; font-size:29px; line-height:1.15; }
.ps-about .article-content p { margin-top:14px; font-size:17px; line-height:1.65; }
.ps-about .article-content .text-link { margin-top:24px; }
@media(max-width:900px) {
  .ps-about .content-main { padding-bottom:72px; }
  .ps-about .guide-hero { padding:50px 0 54px; }
  .ps-about .article-content { grid-template-columns:1fr; gap:18px; padding-top:40px; }
  .ps-about .article-content>section { padding:28px; }
}
@media(max-width:600px) {
  .ps-about .content-main { padding-bottom:52px; }
  .ps-about .guide-hero { padding:34px 0 40px; }
  .ps-about .guide-hero>p { font-size:18px; margin-top:22px; }
  .ps-about .article-content { padding-top:30px; gap:16px; }
  .ps-about .article-content>section { padding:24px; border-radius:16px; }
  .ps-about .article-content h2 { font-size:27px; }
}


/* PageSpot v1.5: What-you-get desktop + phone example. */
.address-mockup-section {
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);
  gap:48px;
  align-items:center;
  padding-block:72px 82px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.address-mockup-copy h2 { margin:0; font-size:clamp(38px,4vw,58px); line-height:1.02; }
.address-mockup-copy>p { margin:26px 0 0; font-size:18px; color:var(--muted); }
.address-mockup-copy .address-mockup-domain {
  margin-top:10px;
  color:var(--ink);
  font:600 clamp(19px,2.05vw,30px)/1.2 var(--sans);
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:normal;
  letter-spacing:-.025em;
}
.address-mockup-art { margin:0; min-width:0; }
.address-mockup-art .device-composition { position:relative; padding:0 96px 22px 0; min-width:0; }
.address-mockup-art .desktop-device { display:block; overflow:hidden; border:1px solid #c6c9be; border-radius:12px; background:#fff; box-shadow:0 14px 32px #29352516; }
.address-mockup-art .browser-chrome { height:26px; padding:0 12px; display:flex; align-items:center; gap:18px; border-bottom:1px solid var(--line); background:#f7f8f4; }
.address-mockup-art .browser-dots { display:flex; gap:5px; }
.address-mockup-art .browser-dots i { width:5px; height:5px; border-radius:50%; background:#c6cbbe; }
.address-mockup-art .browser-address { display:block; flex:1; text-align:center; margin-right:28px; font:11px/1 var(--sans); color:#777e70; }
.address-mockup-art .desktop-device picture,
.address-mockup-art .desktop-device picture img { display:block; width:100%; aspect-ratio:20/13; height:auto; object-fit:cover; object-position:top; }
.address-mockup-art .phone-device { position:absolute; bottom:0; right:0; width:170px; padding:4px; background:#282d26; border:1px solid #464d42; border-radius:27px; box-shadow:0 12px 24px #22292126; }
.address-mockup-art .phone-screen { border-radius:22px; overflow:hidden; background:#fffefa; }
.address-mockup-art .phone-top { position:relative; height:20px; background:#fffefa; }
.address-mockup-art .phone-top i { position:absolute; width:46px; height:10px; border-radius:20px; top:5px; left:50%; transform:translateX(-50%); background:#282d26; }
.address-mockup-art .phone-device picture,
.address-mockup-art .phone-device picture img { display:block; width:100%; aspect-ratio:1/2; height:auto; object-fit:cover; object-position:top; }
.address-mockup-art .phone-home { height:13px; position:relative; background:#fffefa; }
.address-mockup-art .phone-home:after { content:''; position:absolute; width:48px; height:3px; top:5px; left:50%; transform:translateX(-50%); border-radius:10px; background:#282d26; }
@media(max-width:900px) {
  .address-mockup-section { grid-template-columns:1fr; gap:42px; padding-block:58px 66px; }
  .address-mockup-copy { max-width:680px; }
  .address-mockup-art { max-width:760px; width:100%; }
}
@media(max-width:600px) {
  .address-mockup-section { gap:30px; padding-block:46px 52px; }
  .address-mockup-copy>p { margin-top:18px; font-size:17px; }
  .address-mockup-copy .address-mockup-domain { margin-top:8px; font-size:clamp(17px,5.1vw,22px); }
  .address-mockup-art .device-composition { padding:0 42px 15px 0; }
  .address-mockup-art .browser-chrome { height:20px; padding-inline:8px; gap:7px; }
  .address-mockup-art .browser-dots { gap:3px; }
  .address-mockup-art .browser-dots i { width:4px; height:4px; }
  .address-mockup-art .browser-address { margin-right:10px; font-size:8px; }
  .address-mockup-art .phone-device { width:102px; border-radius:18px; padding:3px; }
  .address-mockup-art .phone-screen { border-radius:15px; }
  .address-mockup-art .phone-top { height:13px; }
  .address-mockup-art .phone-top i { width:30px; height:6px; top:3px; }
  .address-mockup-art .phone-home { height:9px; }
  .address-mockup-art .phone-home:after { width:30px; height:2px; top:3px; }
}