/* SEOGIDTALK SG31 / CRISP EDITORIAL / 14 Oct 2026 */
:root{--sg31-ink:#112d36;--sg31-green:#00a988;--sg31-teal:#007c86;--sg31-mint:#4ce1bd;--sg31-blue:#226f9b;--sg31-paper:#f8fdfd}
/* IMPORTANT: Animated clip backgrounds on letters caused dark horizontal artifacts in Chromium.
   Text is rendered as normal colored glyphs. Animation lives in accent spans and rules. */
body .s26-hero h1,body .s26-pagehero h1,body .sghero h1,body .sgcategory-hero h1,
body .sgarticle h1,body .sgarticle h2,body .sgarticle h3,body .s26-section:not(.s26-section--contrast) h2,
body .s26-section:not(.s26-section--contrast) h3,body .sgsection h2,body .sg28-contact-intro h1,
body .sg28-contact-choice h2,body .sghero h2,body .s26-service-tile h3{
 color:var(--sg31-ink)!important;-webkit-text-fill-color:currentColor!important;
 background-image:none!important;background:none!important;
 -webkit-background-clip:border-box!important;background-clip:border-box!important;
 text-shadow:none!important;filter:none!important;mix-blend-mode:normal!important;
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body .s26-section--contrast h2,body .s26-section--contrast h3,
body .s26-cta h2,body .s26-expertise-side h2{
 color:#f5fffd!important;-webkit-text-fill-color:currentColor!important;background:none!important;
 -webkit-background-clip:border-box!important;text-shadow:none!important;filter:none!important
}
body .s26-hero h1 em,body .s26-pagehero h1 em{
 color:#008e88!important;-webkit-text-fill-color:currentColor!important;
 background:none!important;-webkit-background-clip:border-box!important;animation:none!important
}
body h1 .sg31-accent,body h2 .sg31-accent{
 color:#008f88!important;-webkit-text-fill-color:currentColor!important;background:none!important;
 -webkit-background-clip:border-box!important;animation:sg31-ink 11s ease-in-out infinite!important;
}
body .s26-section--contrast .sg31-accent,body .s26-cta .sg31-accent{color:#b0ffe7!important}
@keyframes sg31-ink{0%,100%{color:#007d84}35%{color:#00ba9d}72%{color:#168dba}}
/* Plain, legible headings with a moving accent line, no blur and no word clipping */
body .s26-hero h1{line-height:1.095!important;letter-spacing:-.047em!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
body .s26-hero h1::after{content:"";display:block;width:clamp(74px,18vw,144px);height:4px;margin:23px 0 0;
 background:linear-gradient(90deg,#00ae92,#78eacb,#288db4);background-size:200% 100%;
 animation:sg31-rule 9s ease-in-out infinite alternate;border-radius:3px}
body .s26-section h2::after,body .s26-cta h2::after,
body .sgarticle h1::after,body .sgarticle h2::after,body .sgcategory-hero h1::after{
 background:linear-gradient(90deg,#04af96,#6de3c8,#368bbb)!important;background-size:220% 100%!important;
 animation:sg31-rule 10s ease-in-out infinite alternate!important;transform:none!important}
@keyframes sg31-rule{0%{background-position:100% 50%;opacity:.86}100%{background-position:0 50%;opacity:1}}
/* Different shades by service while retaining unified typography and conversion geometry. */
body .s26-services{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
body .s26-services .s26-service-tile{
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 height:100%!important;min-height:338px!important;margin:0!important;min-width:0!important;
 padding:24px 22px 20px!important;border-radius:15px!important;border:1px solid rgba(28,89,98,.13)!important;
 background:linear-gradient(145deg,#e2f7f3 0%,#f4fffd 100%)!important;
 color:#15343c!important;box-shadow:0 14px 32px rgba(10,47,56,.065)!important;
 transform:none;filter:none!important;isolation:isolate;overflow:hidden;
 transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
body .s26-services .s26-service-tile:nth-child(6n + 2){background:linear-gradient(145deg,#e8efff 0%,#f7faff 100%)!important}
body .s26-services .s26-service-tile:nth-child(6n + 3){background:linear-gradient(145deg,#faeaf7 0%,#fff8fe 100%)!important}
body .s26-services .s26-service-tile:nth-child(6n + 4){background:linear-gradient(145deg,#f9f1de 0%,#fffaf1 100%)!important}
body .s26-services .s26-service-tile:nth-child(6n + 5){background:linear-gradient(145deg,#e3f4f9 0%,#f7fcfe 100%)!important}
body .s26-services .s26-service-tile:nth-child(6n + 6){background:linear-gradient(145deg,#e7f5e3 0%,#f8fef5 100%)!important}
body .s26-services .s26-service-tile:nth-child(6n + 2)::after{background:#6099df!important}
body .s26-services .s26-service-tile:nth-child(6n + 3)::after{background:#ce75af!important}
body .s26-services .s26-service-tile:nth-child(6n + 4)::after{background:#c89d51!important}
body .s26-services .s26-service-tile:nth-child(6n + 5)::after{background:#4aaabd!important}
body .s26-services .s26-service-tile:nth-child(6n + 6)::after{background:#79b26a!important}
body .s26-services .s26-service-tile:after{
 content:""!important;position:absolute!important;left:0!important;right:auto!important;top:0!important;
 bottom:0!important;width:4px!important;height:100%!important;opacity:1!important;
 background:#00b99f!important;pointer-events:none!important;
}
body .s26-services .s26-service-tile:before{opacity:0!important}
body .s26-services .s26-service-tile .s26-service-index{
 display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important;
 margin-bottom:18px!important;color:#2b5960!important;font-size:10px!important;letter-spacing:.09em!important;
 line-height:1.45!important;font-weight:850!important;
}
body .s26-services .sg31-service-num{display:inline-flex;align-items:center;justify-content:center;
 width:30px;height:30px;flex-shrink:0;border-radius:9px;background:rgba(18,68,73,.10);color:#163b46;
 font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums}
body .s26-services .s26-service-tile h3{
 font-size:clamp(19px,1.7vw,23px)!important;line-height:1.22!important;letter-spacing:-.03em!important;
 margin:0 0 12px!important;font-weight:820!important;hyphens:none!important;
 min-height:3.65em!important;overflow-wrap:normal!important;
}
body .s26-services .s26-service-tile p{
 margin:0 0 22px!important;font-size:13.5px!important;line-height:1.65!important;
 color:#48616a!important;-webkit-text-fill-color:currentColor!important;
 font-weight:450!important;flex:1!important;overflow-wrap:break-word;
}
body .s26-services .s26-service-foot{
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
 border-top:1px solid rgba(34,94,102,.16)!important;padding-top:14px!important;margin-top:auto!important;
 min-height:52px!important
}
body .s26-services .s26-service-foot strong{
 font-size:15px!important;line-height:1.25!important;color:#006a63!important;
 font-weight:850!important;letter-spacing:-.01em!important;
}
body .s26-services .s26-service-foot>span{
 display:inline-grid;place-items:center;width:31px;height:31px;flex-shrink:0;border-radius:9px;
 background:#ffffffa8;color:#087b74!important;font-size:18px!important
}
@media(hover:hover) and (pointer:fine){body .s26-services .s26-service-tile:hover{
 transform:translateY(-4px)!important;border-color:rgba(0,171,147,.40)!important;
 box-shadow:0 26px 48px rgba(12,57,66,.14)!important}}
@media(max-width:1200px){body .s26-services{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){body .s26-services{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){body .s26-services{grid-template-columns:1fr!important;gap:13px!important}
 body .s26-services .s26-service-tile{min-height:0!important;padding:23px 20px!important}
 body .s26-services .s26-service-tile h3{min-height:0!important;font-size:22px!important}
 body .s26-hero h1{letter-spacing:-.045em!important;font-size:clamp(37px,9vw,54px)!important}
}
/* Price cards, messaging and article typography remain crisp */
body .sg28-messenger,body .sg28-messenger *,body .s26-measure-row,body .s26-measure-row *{
 filter:none!important;text-shadow:none!important;backdrop-filter:none!important;
}
@media(prefers-reduced-motion:reduce){body .sg31-accent,body .s26-hero h1::after,body .s26-section h2::after,
 body .s26-cta h2::after,body .sgarticle h2::after{animation:none!important}}

/* SG31 patch: one-line linkbuilding packages */
body .s26-package-grid{
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:18px!important;
 align-items:stretch!important;
}
body .s26-package-card{
 position:relative!important;
 display:flex!important;
 flex-direction:column!important;
 min-width:0!important;
 height:100%!important;
 padding:18px 16px 16px!important;
 border-radius:16px!important;
 border:1px solid rgba(25,110,111,.16)!important;
 background:linear-gradient(180deg,#fbffff 0%,#f3fffb 100%)!important;
 box-shadow:0 16px 36px rgba(9,49,59,.07)!important;
 overflow:hidden!important;
 transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
body .s26-package-card::before{
 content:""!important;
 position:absolute!important;
 inset:0!important;
 background:linear-gradient(120deg,rgba(0,188,155,.06),rgba(56,145,188,.02),rgba(0,188,155,.07))!important;
 background-size:200% 100%!important;
 animation:sg31-packages-glow 10s ease-in-out infinite!important;
 pointer-events:none!important;
}
body .s26-package-card>*{position:relative!important;z-index:1!important}
body .s26-package-head{margin-bottom:12px!important}
body .s26-package-head span{
 display:inline-flex!important;
 margin-bottom:10px!important;
 color:#0b8f86!important;
 font-size:10px!important;
 font-weight:800!important;
 letter-spacing:.08em!important;
}
body .s26-package-head h3{
 margin:0 0 4px!important;
 color:#13323a!important;
 font-size:clamp(26px,2vw,30px)!important;
 line-height:1.08!important;
 font-weight:850!important;
}
body .s26-package-head p{
 margin:0!important;
 color:#5a7178!important;
 font-size:13px!important;
 font-weight:650!important;
}
body .s26-package-list{
 display:grid!important;
 gap:10px!important;
 margin:0!important;
 padding:0!important;
 list-style:none!important;
}
body .s26-package-list li{
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:10px!important;
 padding:9px 10px!important;
 border:1px solid rgba(21,113,117,.14)!important;
 border-radius:12px!important;
 background:rgba(255,255,255,.9)!important;
 min-height:52px!important;
}
body .s26-package-list li b{
 color:#173942!important;
 font-size:12px!important;
 line-height:1.25!important;
 font-weight:800!important;
}
body .s26-package-list li span{
 flex-shrink:0!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 min-width:74px!important;
 padding:6px 10px!important;
 border-radius:999px!important;
 background:linear-gradient(90deg,#15cfb0,#49e0b4)!important;
 color:#083138!important;
 font-size:12px!important;
 line-height:1!important;
 font-weight:900!important;
 box-shadow:0 8px 18px rgba(24,205,169,.22)!important;
}
@keyframes sg31-packages-glow{0%,100%{background-position:0 50%;opacity:.95}50%{background-position:100% 50%;opacity:1}}
@media(hover:hover) and (pointer:fine){
 body .s26-package-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(0,180,151,.35)!important;
  box-shadow:0 24px 48px rgba(9,49,59,.12)!important;
 }
}
@media(max-width:1240px){
 body .s26-package-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
 body .s26-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
 body .s26-package-grid{grid-template-columns:1fr!important;gap:14px!important}
 body .s26-package-card{padding:16px 14px!important}
}

/* SG32 | Five equal linkbuilding packages like the approved reference */
body .s26-package-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:7px!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
  border-radius:16px!important;
  background:linear-gradient(120deg,#edf4f5 0%,#e9f2f5 100%)!important;
}
body .s26-package-grid .s26-package-card,
body .s26-package-grid .s26-package-card:nth-child(3),
body .s26-package-grid .s26-package-card:nth-child(5){
  grid-column:auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  height:100%!important;
  padding:19px 13px 14px!important;
  margin:0!important;
  border:1px solid #d9e8e9!important;
  border-radius:13px!important;
  background:linear-gradient(160deg,#fff 4%,#f8fdfb 100%)!important;
  box-shadow:0 12px 24px rgba(10,51,59,.07)!important;
  overflow:hidden!important;
  filter:none!important;
  isolation:isolate!important;
  transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease!important;
}
body .s26-package-grid .s26-package-card::before{
  inset:0!important;
  z-index:0!important;
  border-top:3px solid #18c8ac!important;
  border-radius:0!important;
  background:linear-gradient(107deg,transparent 25%,rgba(45,207,189,.065) 48%,transparent 75%)!important;
  background-size:240% 100%!important;
  animation:sg32-tariff-shimmer 13s ease-in-out infinite!important;
}
body .s26-package-grid .s26-package-card:nth-child(2)::before{border-top-color:#65bbdb!important}
body .s26-package-grid .s26-package-card:nth-child(3)::before{border-top-color:#ab8cdb!important}
body .s26-package-grid .s26-package-card:nth-child(4)::before{border-top-color:#e0bb71!important}
body .s26-package-grid .s26-package-card:nth-child(5)::before{border-top-color:#47c2a6!important}
@keyframes sg32-tariff-shimmer{0%,100%{background-position:220% 50%;opacity:.42}50%{background-position:-160% 50%;opacity:.9}}
body .s26-package-grid .s26-package-head{min-height:73px!important;margin:0 0 10px!important}
body .s26-package-grid .s26-package-head span{font-size:9px!important;letter-spacing:.075em!important;margin:0 0 8px!important}
body .s26-package-grid .s26-package-head h3{font-size:clamp(20px,1.6vw,25px)!important;line-height:1.12!important;margin:0 0 4px!important;letter-spacing:-.035em!important}
body .s26-package-grid .s26-package-head p{font-size:11px!important;line-height:1.2!important}
body .s26-package-grid .s26-package-list{display:grid!important;gap:7px!important;min-width:0!important;margin:0!important;padding:0!important}
body .s26-package-grid .s26-package-list li{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:5px!important;
  min-width:0!important;
  min-height:51px!important;
  padding:8px 7px!important;
  border:1px solid #e1ecee!important;
  border-radius:10px!important;
  background:#ffffff!important;
}
body .s26-package-grid .s26-package-list li b{
  font-size:clamp(10px,.9vw,12px)!important;
  font-weight:750!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body .s26-package-grid .s26-package-list li span{
  min-width:0!important;
  padding:7px 8px!important;
  border-radius:99px!important;
  font-size:clamp(10px,.82vw,12px)!important;
  font-weight:850!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  background:linear-gradient(105deg,#18d2ae,#73e6cf)!important;
}
@media(hover:hover) and (pointer:fine){
  body .s26-package-grid .s26-package-card:hover{
    transform:translateY(-4px)!important;
    border-color:#73cbbc!important;
    box-shadow:0 24px 38px rgba(10,51,59,.12)!important;
  }
}
/* On narrow screens: keep every card intact, scroll horizontally rather than stacking or shrinking text. */
@media(max-width:1000px){
  body .s26-package-grid{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(236px,42%)!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:thin!important;
    scrollbar-color:#16c4a9 #e2efec!important;
    padding:8px 8px 12px!important;
  }
  body .s26-package-grid .s26-package-card{scroll-snap-align:start!important}
  body .s26-package-grid .s26-package-list li b{font-size:11px!important}
  body .s26-package-grid .s26-package-list li span{font-size:11px!important}
}
@media(max-width:600px){
 body .s26-package-grid{grid-auto-columns:minmax(238px,83%)!important;gap:12px!important}
 body .s26-package-grid .s26-package-card{padding:17px 13px 13px!important}
}
@media(prefers-reduced-motion:reduce){
 body .s26-package-grid .s26-package-card::before{animation:none!important;background:none!important}
 body .s26-package-grid .s26-package-card{transition:none!important}
}
/* SG32 | Mobile hamburger, compatible with the theme's .open class */
@media(max-width:930px){
 body .header{overflow:visible!important;z-index:1001!important;position:sticky!important}
 body .header .headerin{position:relative!important;overflow:visible!important}
 body .header .menubtn{
   display:inline-flex!important;align-items:center!important;justify-content:center!important;
   position:relative!important;z-index:1003!important;
   width:46px!important;height:44px!important;min-width:46px!important;
   cursor:pointer!important;touch-action:manipulation!important;pointer-events:auto!important;
   background:#f0faf7!important;border:1px solid #d1e8e1!important;border-radius:12px!important;
   color:#12383e!important;font-size:25px!important;line-height:1!important;
 }
 body .header .nav#navigation{
   display:none!important;
   position:absolute!important;top:calc(100% + 1px)!important;
   left:0!important;right:0!important;
   z-index:1002!important;
   flex-direction:column!important;align-items:stretch!important;gap:0!important;
   max-height:calc(100dvh - 90px)!important;overflow-y:auto!important;
   padding:12px 20px 18px!important;
   margin:0!important;
   background:rgba(255,255,255,.99)!important;
   border:1px solid #d6e9e5!important;border-radius:0 0 16px 16px!important;
   box-shadow:0 22px 40px rgba(5,37,45,.16)!important;
   visibility:hidden!important;pointer-events:none!important;
 }
 body .header .nav#navigation.open,
 body .header .nav#navigation[data-open="true"]{
   display:flex!important;visibility:visible!important;pointer-events:auto!important;
 }
 body .header .nav#navigation a{
   display:block!important;padding:14px 8px!important;
   color:#163940!important;font-weight:750!important;font-size:15px!important;
   border-bottom:1px solid #e8f0ef!important;
 }
 body .header .nav#navigation a:hover,body .header .nav#navigation a:focus-visible{
   color:#007e70!important;background:#f2faf8!important;
 }
 body .header .menubtn[aria-expanded="true"]{background:#dff7f0!important;border-color:#80d9c1!important}
}