/* ===========================================================================
   ServerCheaper | SEO Article Premium v8 — Ocean / Executive / Editorial
   Non-destructive visual layer. The existing image tags, figure dimensions,
   widths and document positions are intentionally NOT overridden.
   =========================================================================== */

body.sc-seo-content-page {
  background:
    radial-gradient(circle at 2% 10%, rgba(58, 202, 224, .09), transparent 30rem),
    radial-gradient(circle at 97% 32%, rgba(22, 119, 181, .08), transparent 35rem),
    linear-gradient(180deg,#eff9fd 0%,#f7fbff 49%,#f2f9fd 100%);
}
.sc-seo-content-page .sc-seo-header {
  background: linear-gradient(100deg,rgba(5,35,64,.98),rgba(7,78,106,.98));
  border-bottom-color: rgba(88,219,239,.2);
  box-shadow: 0 12px 32px rgba(3,34,63,.14);
}
.sc-seo-content-page .sc-seo-brand b {color:#fff;}
.sc-seo-content-page .sc-seo-brand small {color:#a1ebf4;}
.sc-seo-content-page .sc-seo-header nav a {color:#dbf5fb;}
.sc-seo-content-page .sc-seo-header nav a:hover {color:#82effa;}
.sc-seo-content-page .sc-seo-header .sc-seo-contact {
  background:linear-gradient(110deg,#01a4b4,#007ab5);
  border:1px solid rgba(164,242,255,.4);
  box-shadow:0 6px 22px rgba(0,16,48,.22);
  color:#fff!important;
}
.sc-seo-content-page .sc-seo-breadcrumb {color:#4b7891;}
.sc-seo-content-page .sc-seo-breadcrumb a {font-weight:700;color:#086a8c;}
.sc-seo-content-page .sc-seo-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 93% 8%,rgba(58,223,245,.34),transparent 31%),
    radial-gradient(circle at 6% 106%,rgba(30,126,189,.28),transparent 35%),
    linear-gradient(117deg,#071c39 0%,#0b375d 52%,#075776 100%);
  border-color:rgba(105,232,251,.32);
  box-shadow:0 28px 70px rgba(5,40,75,.19),inset 0 1px 0 rgba(255,255,255,.14);
}
.sc-seo-content-page .sc-seo-hero::before {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(199,245,252,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(199,245,252,.05) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(90deg,transparent,#000 50%,#000);
}
.sc-seo-content-page .sc-seo-hero::after {
  content:"";position:absolute;inset:auto -10% -56% auto;width:42%;aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(105,225,248,.16);box-shadow:0 0 0 35px rgba(105,225,248,.035),0 0 0 70px rgba(105,225,248,.025);pointer-events:none;z-index:-1;
}
.sc-seo-content-page .sc-seo-badge {
  color:#ddfaff;background:rgba(112,233,249,.12);
  border-color:rgba(156,242,252,.37);box-shadow:inset 0 1px 0 rgba(255,255,255,.11);
}
.sc-seo-content-page .sc-seo-hero h1 {color:#fff;text-shadow:0 6px 26px rgba(0,21,44,.18);}
.sc-seo-content-page .sc-seo-hero p {color:#e1f4fa;}
.sc-seo-content-page .sc-seo-meta {color:#b3d8e7;}
.sc-seo-content-page .sc-seo-meta span {color:inherit;}
.sc-seo-content-page .sc-seo-ctas .sc-seo-primary {
  background:linear-gradient(110deg,#08bfcd 0%,#0088ba 100%);
  box-shadow:0 10px 25px rgba(0,14,30,.19);color:#fff!important;
}
.sc-seo-content-page .sc-seo-ctas .sc-seo-secondary {
  color:#e7faff!important;background:rgba(255,255,255,.07);
  border-color:rgba(186,236,249,.53);
}

/* Article: premium finish without modifying image figure positions or size. */
.sc-seo-content-page .sc-seo-article {
  background:linear-gradient(180deg,#ffffff 0%,#fcfeff 100%);
  border-color:#d5e8f0;
  box-shadow:0 23px 65px rgba(5,57,90,.09);
}
.sc-seo-content-page .sc-seo-editorial h2 {color:#0b4166;}
.sc-seo-content-page .sc-seo-editorial h3 {color:#116183;}
.sc-seo-content-page .sc-seo-editorial blockquote {
  background:linear-gradient(105deg,#eafafe,#f6fcff);
  border-left-color:#0da5bc;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.sc-seo-content-page .sc-seo-editorial table th {
  background:linear-gradient(110deg,#e1f6fc,#edfaff);
}
.sc-seo-content-page .sc-seo-aside .sc-seo-panel {
  border-color:#d6e8ef;background:linear-gradient(180deg,#ffffff 0%,#f7fcff 100%);
  box-shadow:0 18px 36px rgba(8,57,87,.09);
}
.sc-seo-content-page .sc-seo-aside .sc-seo-panel h2 {color:#0b4166;}
.sc-seo-content-page .sc-seo-panel.dark {
  background:linear-gradient(145deg,#071d3b 0%,#0b4b73 75%,#076c84 100%);
  border-color:rgba(90,205,235,.3);
  box-shadow:0 18px 44px rgba(7,43,70,.17);
}
.sc-seo-content-page .sc-seo-panel.dark h2 {color:#fff;}
.sc-seo-content-page .sc-seo-panel.dark a {color:#fff;}
.sc-seo-content-page .sc-seo-faq h2 {color:#08395a;}
.sc-seo-content-page .sc-seo-faq details {
  background:linear-gradient(180deg,#fff 0%,#f5fbff 100%);
  border-color:#cfe7f0;
  box-shadow:0 6px 22px rgba(10,75,98,.05);
}
.sc-seo-content-page .sc-seo-faq details[open] {border-color:#91d8e7;box-shadow:0 14px 30px rgba(4,97,128,.09);}
.sc-seo-content-page .sc-seo-more a {
  background:linear-gradient(180deg,#fff,#f4fbff);
  border-color:#cce6ef;
  box-shadow:0 9px 20px rgba(7,63,95,.07);
}

/* Editorial add-on appears AFTER image #2: existing images do not move. */
.sc-seo-content-page .sc-seo-article-note {
  position:relative;overflow:hidden;margin:28px 0 0;padding:20px 24px;
  border:1px solid #c5e8ef;border-left:4px solid #03a3b8;border-radius:17px;
  background:linear-gradient(115deg,#e8faff 0%,#f7fcff 82%);
  box-shadow:0 12px 30px rgba(0,102,132,.07);
}
.sc-seo-content-page .sc-seo-note-eyebrow {
  display:block;letter-spacing:.07em;color:#07748b;font:700 .74rem/1.45 'Prompt','Sarabun',sans-serif;
}
.sc-seo-content-page .sc-seo-article-note p {
  margin:9px 0 0;line-height:1.85;font-size:.99rem;color:#24536c;
}
.sc-seo-content-page .sc-seo-keyword-link {
  color:#006d92!important;text-decoration:underline!important;text-decoration-color:rgba(3,160,193,.43)!important;
  text-underline-offset:4px;overflow-wrap:anywhere;
}
.sc-seo-content-page .sc-seo-keyword-link strong {
  color:inherit!important;font-weight:700;
}
.sc-seo-content-page .sc-seo-keyword-link:hover {color:#034a6b!important;text-decoration-color:currentColor!important;}

.sc-seo-content-page .sc-seo-bottom {
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(circle at 85% 18%,rgba(53,222,236,.3),transparent 38%),
    linear-gradient(115deg,#072140 0%,#08456b 58%,#096983 100%);
  border-color:rgba(89,219,241,.32);
  box-shadow:0 22px 55px rgba(4,47,76,.19),inset 0 1px 0 rgba(255,255,255,.12);
  color:#e7f8fc;
}
.sc-seo-content-page .sc-seo-bottom::before {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(193,242,252,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(193,242,252,.055) 1px,transparent 1px);
  background-size:38px 38px;
}
.sc-seo-content-page .sc-seo-bottom h2 {color:#fff;}
.sc-seo-content-page .sc-seo-bottom p {color:#d4eff5;max-width:850px;margin-left:auto;margin-right:auto;}
.sc-seo-content-page .sc-seo-bottom-topline {
  display:block;margin:0 auto 12px;color:#86f0ff;letter-spacing:.11em;
  font:700 .75rem/1.4 'Prompt',sans-serif;
}
.sc-seo-content-page .sc-seo-bottom p .sc-seo-keyword-link,
.sc-seo-content-page .sc-seo-bottom p .sc-seo-keyword-link:hover {
  display:inline;background:none!important;border:0!important;border-radius:0!important;padding:0!important;
  box-shadow:none!important;transform:none!important;color:#98f6ff!important;
  font-weight:700;text-decoration:underline!important;text-decoration-color:#8de5ef!important;
}
.sc-seo-content-page .sc-seo-bottom-cta {display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.sc-seo-content-page .sc-seo-bottom-cta a {
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 9px 22px rgba(0,17,33,.18);
}
.sc-seo-content-page .sc-seo-bottom-cta a:first-child {
  background:linear-gradient(110deg,#06b7c6,#008cbd);color:#fff!important;
}
.sc-seo-content-page .sc-seo-bottom-cta .sc-seo-bottom-tel {
  background:rgba(255,255,255,.08)!important;color:#ecfbff!important;
  border:1px solid rgba(164,226,244,.45);
}
@media (max-width:680px) {
  .sc-seo-content-page .sc-seo-article-note {padding:17px 16px;border-radius:14px;}
  .sc-seo-content-page .sc-seo-article-note p {font-size:.92rem;}
  .sc-seo-content-page .sc-seo-bottom-cta {display:grid;grid-template-columns:1fr;}
  .sc-seo-content-page .sc-seo-bottom-cta a {width:100%;}
}