/* GoTek shell around the imported GoTek service-page layout. */
.gotek-static-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 72% 24%,rgba(0,191,255,.16),transparent 31%),radial-gradient(circle at 18% 78%,rgba(0,87,225,.11),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,87,225,.035))}
.gotek-static-bg::before{content:"";position:absolute;inset:-20%;background-image:linear-gradient(rgba(0,87,225,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,87,225,.055) 1px,transparent 1px);background-size:54px 54px;transform:perspective(800px) rotateX(62deg) translateY(-12%);transform-origin:center top;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 72%)}
.gotek-static-bg::after{content:"";position:absolute;width:42vw;height:42vw;min-width:420px;min-height:420px;right:-13vw;top:-24vw;border:1px solid rgba(0,194,255,.18);border-radius:50%;box-shadow:0 0 0 52px rgba(0,87,225,.025),0 0 0 104px rgba(0,194,255,.018)}
.gotek-hero-art,.gotek-support-art{display:block;width:100%;height:100%;object-fit:contain;color:transparent}.gotek-hero-art{filter:drop-shadow(0 28px 38px rgba(4,31,75,.16))}.gotek-support-art{filter:drop-shadow(0 24px 34px rgba(4,31,75,.13));transition:transform .7s ease}.gotek-support-art:hover{transform:translateY(-5px)}
body>.site-header{z-index:1000}body>.site-header .site-logo__on-dark{display:none}body>.site-header .site-logo__on-light{display:block}
@media(max-width:760px){.gotek-static-bg::before{background-size:36px 36px}.gotek-static-bg::after{right:-55vw;top:-28vw}.gotek-hero-art{max-height:430px}}

/* Full-page GoTek visual alignment. The imported information architecture stays intact. */
.gotek-website-service-page{
  --service-ink:#07172f;
  --service-copy:#53627a;
  --service-blue:#0057e1;
  --service-cyan:#00a9d6;
  --service-mist:#f4f6fa;
  --service-line:#dfe7f1;
  background:#fff!important;
  color:var(--service-ink)!important;
  font-family:"Be Vietnam Pro",system-ui,sans-serif!important;
}

/* Release 1.11.4: keep ecosystem brand marks inside their mobile cards. */
@media(max-width:820px){
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) #service-ecosystem .ecosystem-unit{grid-template-columns:minmax(0,1fr) 20px!important;grid-template-rows:auto auto!important;align-items:start!important;min-height:0!important;padding:20px!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) #service-ecosystem .ecosystem-unit-logo{grid-column:1/-1!important;grid-row:1!important;display:flex!important;width:100%!important;height:72px!important;min-height:72px!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) #service-ecosystem .ecosystem-unit-logo>img{display:block!important;width:auto!important;max-width:160px!important;height:auto!important;max-height:64px!important;object-fit:contain!important;object-position:left center!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) #service-ecosystem .ecosystem-unit-copy{grid-column:1!important;grid-row:2!important;min-width:0!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) #service-ecosystem .ecosystem-unit>svg{grid-column:2!important;grid-row:2!important;align-self:start!important}
}

/* Product-page intro text and artwork enter as one composed frame. */
body.gotek-website-service-page main #gotek-editorial-intro{
  opacity:1;
  transition:opacity 420ms cubic-bezier(.16,1,.3,1);
}
html.gotek-product-hero-sync-pending body.gotek-website-service-page main #gotek-editorial-intro{
  opacity:0!important;
}
html.gotek-product-hero-sync-ready body.gotek-website-service-page main #gotek-editorial-intro{
  opacity:1!important;
}
@media(prefers-reduced-motion:reduce){
  body.gotek-website-service-page main #gotek-editorial-intro{transition:none!important}
}

/* One canonical FAQ component across Website, SaaS and Hosting product pages. */
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-section,
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-section *{
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) main .gotek-faq-section{
  padding:56px 0 60px!important;
  background:#fff!important;
}
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-shell{
  display:block!important;
  width:min(1240px,calc(100% - 48px))!important;
  margin-inline:auto!important;
}
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-shell>header{
  display:block!important;
  max-width:1000px!important;
  margin:0 auto 28px!important;
  text-align:center!important;
}
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-shell>header>p{
  display:block!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
  color:#0057e1!important;
  background:transparent!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.5!important;
  letter-spacing:.16em!important;
  text-align:center!important;
}
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) main .gotek-faq-shell>header h2{
  max-width:none!important;
  margin:0 0 14px!important;
  font-size:clamp(30px,3vw,38px)!important;
  line-height:1.17!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
}
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-shell>header>div{
  max-width:none!important;
  color:#53627a!important;
  font-size:15px!important;
  line-height:1.7!important;
  text-align:center!important;
}
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-layout{
  display:grid!important;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.45fr)!important;
  gap:42px!important;
  align-items:start!important;
}
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-layout aside{
  position:sticky!important;
  top:112px!important;
  padding:30px!important;
  border:0!important;
  border-radius:20px!important;
  background:#f3f6fa!important;
}
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-list{
  display:grid!important;
  gap:12px!important;
}
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-list details{
  border:0!important;
  border-radius:18px!important;
  background:#f5f8fc!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-list summary{
  min-height:0!important;
  padding:22px 24px!important;
  color:#07172f!important;
  font-size:16px!important;
  font-weight:650!important;
  line-height:1.45!important;
}
body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-list details>p{
  margin:0!important;
  padding:0 24px 24px!important;
  color:#53627a!important;
  font-size:14px!important;
  line-height:1.75!important;
}
@media(min-width:1024px){
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-shell>header>div{white-space:nowrap!important}
}
@media(max-width:820px){
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) main .gotek-faq-section{padding:44px 0 48px!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-shell{width:calc(100% - 28px)!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-shell>header{text-align:left!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-shell>header>p,
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) main .gotek-faq-shell>header h2,
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-shell>header>div{text-align:left!important;white-space:normal!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) main .gotek-faq-shell>header h2{font-size:clamp(25px,7.2vw,31px)!important;line-height:1.18!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-layout{grid-template-columns:1fr!important;gap:20px!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-layout aside{position:static!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-list summary{padding:18px!important;font-size:13.5px!important;line-height:1.64!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) .gotek-faq-list details>p{padding:0 18px 22px!important;font-size:13.5px!important;line-height:1.65!important}
}

/* Hosting receives the homepage ecosystem verbatim. Isolate it from legacy
 * first-section rules in the imported Hosting document. */
body.gotek-hosting-service-page main>#ecosystem.ecosystem-chapter{
  display:grid!important;
  height:auto!important;
  min-height:0!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  padding:22px 0 42px!important;
  color:var(--ink)!important;
  background:#fff!important;
  line-height:normal!important;
}
body.gotek-hosting-service-page #ecosystem .ecosystem-intro{
  width:min(calc(100% - (var(--gutter) * 2)),1080px)!important;
  gap:7px!important;
  margin:0 auto 12px!important;
  padding:0 0 12px!important;
}
body.gotek-hosting-service-page #ecosystem .ecosystem-intro h2{
  width:auto!important;
  max-width:720px!important;
  min-height:0!important;
  margin:0 auto!important;
  font-size:clamp(22px,1.9vw,25px)!important;
  line-height:1.14!important;
  letter-spacing:-.02em!important;
}
body.gotek-hosting-service-page #ecosystem .ecosystem-intro>p{
  width:auto!important;
  max-width:640px!important;
  min-height:0!important;
  margin:0 auto!important;
  font-size:11.5px!important;
  line-height:1.62!important;
  text-align:center!important;
}
body.gotek-hosting-service-page #ecosystem .ecosystem-system-layout{
  width:100%!important;
  min-height:0!important;
  grid-template-columns:25% minmax(0,75%)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
body.gotek-hosting-service-page #ecosystem .ecosystem-master,
body.gotek-hosting-service-page #ecosystem .ecosystem-unit{
  min-height:auto!important;
  line-height:normal!important;
}
body.gotek-hosting-service-page #ecosystem .ecosystem-master p,
body.gotek-hosting-service-page #ecosystem .ecosystem-unit-copy p{
  width:auto!important;
  min-height:0!important;
  margin-bottom:0!important;
  font-size:12px!important;
}
body.gotek-hosting-service-page #ecosystem .ecosystem-unit-copy p{
  max-width:54ch!important;
  font-size:12px!important;
  line-height:1.5!important;
}
body.gotek-hosting-service-page #ecosystem .ecosystem-master p{
  max-width:34ch!important;
  margin-right:auto!important;
  margin-left:auto!important;
  font-size:11px!important;
  line-height:1.56!important;
}
body.gotek-hosting-service-page #ecosystem .ecosystem-kicker,
body.gotek-hosting-service-page #ecosystem .ecosystem-master span{
  font-size:10.5px!important;
}
body.gotek-hosting-service-page #ecosystem .ecosystem-master strong{
  font-size:14px!important;
  line-height:1.3!important;
}
@media(max-width:820px){
  body.gotek-hosting-service-page main>#ecosystem.ecosystem-chapter{
    padding:34px 0 38px!important;
  }
  body.gotek-hosting-service-page #ecosystem .ecosystem-intro h2{
    font-size:clamp(21px,6.6vw,24px)!important;
  }
}

/* SaaS hero cleanup must stay last so imported section separators cannot win. */
body.gotek-saas-service-page main > div:first-child > section:first-of-type .gotek-static-bg::before{display:none!important}
body.gotek-saas-service-page main>div>section:first-of-type+section{border-top:0!important}
html body.gotek-saas-service-page main .gotek-saas-opening-benefits{border-top:0!important}
html body.gotek-saas-service-page main section[class="py-24 bg-white dark:bg-slate-950 overflow-hidden"]{border-top:0!important}
html body.gotek-website-service-page.gotek-saas-service-page main.flex-1>div.min-h-screen>section[class="py-24 bg-white dark:bg-slate-950 overflow-hidden"]{border:0!important;outline:0!important;box-shadow:none!important}

/* v1.11.14 — complete long-form Hosting chapters. */
body.gotek-hosting-service-page .gotek-hosting-restored{position:relative;display:block;width:100%;background:#fff;color:#0a1a4f}
body.gotek-hosting-service-page .hosting-chapter{position:relative;padding:84px 0;border-top:1px solid #dbe4ef;background:#fff;overflow:hidden}
body.gotek-hosting-service-page .hosting-chapter:nth-child(even){background:#f7f9fc}
body.gotek-hosting-service-page .hosting-chapter__shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
body.gotek-hosting-service-page .hosting-chapter__header{max-width:790px;margin:0 auto 42px;text-align:center}
body.gotek-hosting-service-page .hosting-chapter__header>p,
body.gotek-hosting-service-page .hosting-faq__intro>p{margin:0 0 13px;color:#005fe8;font-size:11px!important;font-weight:750;line-height:1.3!important;letter-spacing:.15em;text-transform:uppercase}
body.gotek-hosting-service-page .hosting-chapter__header h2,
body.gotek-hosting-service-page .hosting-faq__intro h2{margin:0 0 18px;color:#081a43;font-size:clamp(31px,3.2vw,44px)!important;font-weight:520;line-height:1.15!important;letter-spacing:-.04em;text-wrap:balance}
body.gotek-hosting-service-page .hosting-chapter__header h2 strong,
body.gotek-hosting-service-page .hosting-faq__intro h2 strong{color:#075ee8;font-weight:700}
body.gotek-hosting-service-page .hosting-chapter__header>div,
body.gotek-hosting-service-page .hosting-faq__intro>div{color:#596b87;font-size:15px;line-height:1.75}
body.gotek-hosting-service-page .hosting-chapter__header--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.68fr);gap:80px;max-width:none;text-align:left;align-items:end}
body.gotek-hosting-service-page .hosting-chapter__header--split h2{margin-bottom:0}

body.gotek-hosting-service-page .hosting-architecture__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d9e2ee;border-radius:22px;overflow:hidden;background:#fff}
body.gotek-hosting-service-page .hosting-architecture__grid article{min-width:0;padding:28px 24px;border-right:1px solid #d9e2ee}
body.gotek-hosting-service-page .hosting-architecture__grid article:last-child{border-right:0}
body.gotek-hosting-service-page .hosting-architecture__grid .iconify{display:block;width:34px;height:34px;margin-bottom:34px;color:#0768e8}
body.gotek-hosting-service-page .hosting-architecture__grid small{display:block;margin-bottom:10px;color:#0870e9;font-size:10px;font-weight:750;letter-spacing:.12em}
body.gotek-hosting-service-page .hosting-architecture__grid h3{margin:0 0 12px;font-size:18px!important}
body.gotek-hosting-service-page .hosting-architecture__grid p{margin:0;color:#5b6b84;font-size:13px;line-height:1.7}

body.gotek-hosting-service-page .hosting-environments__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.gotek-hosting-service-page .hosting-environments__grid article{position:relative;min-width:0;padding:30px;border:1px solid #d9e3ef;border-radius:20px;background:#fff;box-shadow:0 18px 46px rgba(20,47,83,.045)}
body.gotek-hosting-service-page .hosting-environments__grid article>span{display:grid;width:38px;height:38px;margin-bottom:38px;place-items:center;border-radius:50%;color:#0868e8;background:#eaf3ff;font-size:11px;font-weight:750}
body.gotek-hosting-service-page .hosting-environments__grid h3{margin:0 0 12px;font-size:20px!important}
body.gotek-hosting-service-page .hosting-environments__grid p{min-height:92px;margin:0;color:#5b6c85;font-size:13px;line-height:1.7}
body.gotek-hosting-service-page .hosting-environments__grid ul{display:grid;gap:9px;margin:22px 0 0;padding:20px 0 0;border-top:1px solid #e0e7f0;list-style:none}
body.gotek-hosting-service-page .hosting-environments__grid li{position:relative;padding-left:18px;color:#293d5f;font-size:12px;line-height:1.55}
body.gotek-hosting-service-page .hosting-environments__grid li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border:2px solid #0870e9;border-radius:50%}

body.gotek-hosting-service-page .hosting-migration{background:linear-gradient(135deg,#071a3e,#0b2b60)!important;color:#fff}
body.gotek-hosting-service-page .hosting-migration__layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:84px;align-items:start}
body.gotek-hosting-service-page .hosting-migration .hosting-chapter__header{position:sticky;top:116px;margin:0;text-align:left}
body.gotek-hosting-service-page .hosting-migration .hosting-chapter__header h2{color:#fff}
body.gotek-hosting-service-page .hosting-migration .hosting-chapter__header>div{color:#bdc9da}
body.gotek-hosting-service-page .hosting-migration__steps{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.18);list-style:none}
body.gotek-hosting-service-page .hosting-migration__steps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.18)}
body.gotek-hosting-service-page .hosting-migration__steps li>span{color:#66c8ff;font-size:11px;font-weight:750}
body.gotek-hosting-service-page .hosting-migration__steps h3{margin:0 0 8px;color:#fff;font-size:18px!important}
body.gotek-hosting-service-page .hosting-migration__steps p{margin:0;color:#bdc9da;font-size:13px;line-height:1.7}

body.gotek-hosting-service-page .hosting-responsibility__table{border:1px solid #d8e1ed;border-radius:20px;overflow:hidden;background:#fff}
body.gotek-hosting-service-page .hosting-responsibility__row{display:grid;grid-template-columns:.58fr 1fr 1fr}
body.gotek-hosting-service-page .hosting-responsibility__row>*{min-width:0;padding:20px 22px;border-right:1px solid #dfe6ef;border-bottom:1px solid #dfe6ef;color:#566781;font-size:12.5px;line-height:1.65}
body.gotek-hosting-service-page .hosting-responsibility__row>*:last-child{border-right:0}
body.gotek-hosting-service-page .hosting-responsibility__row:last-child>*{border-bottom:0}
body.gotek-hosting-service-page .hosting-responsibility__row>span:first-child{color:#0b1b42;font-weight:700}
body.gotek-hosting-service-page .hosting-responsibility__row--head>*{color:#0b1b42;background:#edf4fc;font-weight:750}

body.gotek-hosting-service-page .hosting-usecases__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #d8e1ec}
body.gotek-hosting-service-page .hosting-usecases__grid article{min-width:0;min-height:240px;padding:28px 25px;border-right:1px solid #d8e1ec}
body.gotek-hosting-service-page .hosting-usecases__grid article:last-child{border-right:0}
body.gotek-hosting-service-page .hosting-usecases__grid span{display:block;margin-bottom:42px;color:#096be9;font-size:11px;font-weight:750}
body.gotek-hosting-service-page .hosting-usecases__grid h3{margin:0 0 12px;font-size:17px!important}
body.gotek-hosting-service-page .hosting-usecases__grid p{margin:0;color:#596982;font-size:13px;line-height:1.7}

body.gotek-hosting-service-page .hosting-faq__layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:64px;align-items:start}
body.gotek-hosting-service-page .hosting-faq__intro{text-align:left}
body.gotek-hosting-service-page .hosting-faq__intro aside{position:relative;margin-top:34px;padding:24px;border:1px solid #dbe5f1;border-radius:18px;background:#f5f8fc;overflow:hidden}
body.gotek-hosting-service-page .hosting-faq__intro aside h3{margin:0 0 8px;font-size:17px!important}
body.gotek-hosting-service-page .hosting-faq__intro aside p{margin:0 0 18px;color:#5d6c84;font-size:13px;line-height:1.65}
body.gotek-hosting-service-page .hosting-faq__intro aside a{display:inline-flex;min-height:46px;align-items:center;gap:12px;padding:0 18px;border-radius:12px;color:#fff!important;background:#0865e8;font-size:12px;font-weight:750;text-decoration:none;box-shadow:0 10px 24px rgba(8,101,232,.2)}
body.gotek-hosting-service-page .hosting-faq__list{display:grid;gap:14px}
body.gotek-hosting-service-page .hosting-faq__list details{border:1px solid #dbe4ef;border-radius:17px;background:#fff;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease}
body.gotek-hosting-service-page .hosting-faq__list details[open]{border-color:#9dc4ff;box-shadow:0 12px 30px rgba(19,78,151,.08)}
body.gotek-hosting-service-page .hosting-faq__list summary{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;color:#091b43;font-size:15px;font-weight:700;line-height:1.45;cursor:pointer;list-style:none}
body.gotek-hosting-service-page .hosting-faq__list summary::-webkit-details-marker{display:none}
body.gotek-hosting-service-page .hosting-faq__list summary span{position:relative;flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:#f0f5fb}
body.gotek-hosting-service-page .hosting-faq__list summary span:before,
body.gotek-hosting-service-page .hosting-faq__list summary span:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:#4f6b91;transform:translate(-50%,-50%)}
body.gotek-hosting-service-page .hosting-faq__list summary span:after{transform:translate(-50%,-50%) rotate(90deg)}
body.gotek-hosting-service-page .hosting-faq__list details[open] summary{color:#075ee8}
body.gotek-hosting-service-page .hosting-faq__list details[open] summary span{background:#0865e8}
body.gotek-hosting-service-page .hosting-faq__list details[open] summary span:before,
body.gotek-hosting-service-page .hosting-faq__list details[open] summary span:after{background:#fff}
body.gotek-hosting-service-page .hosting-faq__list details[open] summary span:after{transform:translate(-50%,-50%) rotate(0)}
body.gotek-hosting-service-page .hosting-faq__list details>p{margin:0;padding:0 22px 24px;color:#526580;font-size:13.5px;line-height:1.75}

@media(max-width:900px){
  body.gotek-hosting-service-page .hosting-chapter{padding:58px 0}
  body.gotek-hosting-service-page .hosting-chapter__shell{width:calc(100% - 28px)}
  body.gotek-hosting-service-page .hosting-chapter__header{margin-bottom:30px;text-align:left}
  body.gotek-hosting-service-page .hosting-chapter__header--split,
  body.gotek-hosting-service-page .hosting-migration__layout,
  body.gotek-hosting-service-page .hosting-faq__layout{grid-template-columns:1fr;gap:30px}
  body.gotek-hosting-service-page .hosting-architecture__grid{grid-template-columns:1fr 1fr}
  body.gotek-hosting-service-page .hosting-architecture__grid article:nth-child(2){border-right:0}
  body.gotek-hosting-service-page .hosting-architecture__grid article:nth-child(-n+2){border-bottom:1px solid #d9e2ee}
  body.gotek-hosting-service-page .hosting-environments__grid{grid-template-columns:1fr}
  body.gotek-hosting-service-page .hosting-environments__grid p{min-height:0}
  body.gotek-hosting-service-page .hosting-migration .hosting-chapter__header{position:static}
  body.gotek-hosting-service-page .hosting-usecases__grid{grid-template-columns:1fr 1fr}
  body.gotek-hosting-service-page .hosting-usecases__grid article:nth-child(2){border-right:0}
  body.gotek-hosting-service-page .hosting-usecases__grid article:nth-child(-n+2){border-bottom:1px solid #d8e1ec}
}
@media(max-width:620px){
  body.gotek-hosting-service-page .hosting-chapter{padding:50px 0}
  body.gotek-hosting-service-page .hosting-chapter__header h2,
  body.gotek-hosting-service-page .hosting-faq__intro h2{font-size:clamp(27px,8.2vw,34px)!important;line-height:1.18!important;text-wrap:pretty}
  body.gotek-hosting-service-page .hosting-chapter__header>div,
  body.gotek-hosting-service-page .hosting-faq__intro>div{font-size:13.5px;line-height:1.7}
  body.gotek-hosting-service-page .hosting-architecture__grid,
  body.gotek-hosting-service-page .hosting-usecases__grid{grid-template-columns:1fr}
  body.gotek-hosting-service-page .hosting-architecture__grid article,
  body.gotek-hosting-service-page .hosting-architecture__grid article:nth-child(2),
  body.gotek-hosting-service-page .hosting-usecases__grid article,
  body.gotek-hosting-service-page .hosting-usecases__grid article:nth-child(2){min-height:0;border-right:0;border-bottom:1px solid #d9e2ee}
  body.gotek-hosting-service-page .hosting-architecture__grid article:last-child,
  body.gotek-hosting-service-page .hosting-usecases__grid article:last-child{border-bottom:0}
  body.gotek-hosting-service-page .hosting-architecture__grid .iconify{margin-bottom:24px}
  body.gotek-hosting-service-page .hosting-environments__grid article{padding:24px 20px}
  body.gotek-hosting-service-page .hosting-environments__grid article>span{margin-bottom:24px}
  body.gotek-hosting-service-page .hosting-responsibility__table{display:grid;gap:12px;border:0;background:transparent;overflow:visible}
  body.gotek-hosting-service-page .hosting-responsibility__row{display:block;border:1px solid #d8e1ed;border-radius:16px;background:#fff;overflow:hidden}
  body.gotek-hosting-service-page .hosting-responsibility__row--head{display:none}
  body.gotek-hosting-service-page .hosting-responsibility__row>*{display:block;padding:14px 16px;border:0;border-bottom:1px solid #e2e8f0}
  body.gotek-hosting-service-page .hosting-responsibility__row>*:last-child{border-bottom:0}
  body.gotek-hosting-service-page .hosting-responsibility__row>span:nth-child(2):before{content:"Gotek phối hợp";display:block;margin-bottom:5px;color:#0870e9;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
  body.gotek-hosting-service-page .hosting-responsibility__row>span:nth-child(3):before{content:"Doanh nghiệp chủ động";display:block;margin-bottom:5px;color:#0870e9;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
  body.gotek-hosting-service-page .hosting-faq__intro aside{margin-top:26px}
  body.gotek-hosting-service-page .hosting-faq__list summary{min-height:68px;padding:16px;font-size:14px}
  body.gotek-hosting-service-page .hosting-faq__list summary span{flex-basis:34px;width:34px;height:34px}
  body.gotek-hosting-service-page .hosting-faq__list details>p{padding:0 16px 20px;font-size:13px}
}

.gotek-service-image-fallback{object-fit:contain!important;object-position:center!important;padding:18px!important;background:#f4f8ff!important}

/* SaaS delivery cards stay bright and readable on hover/focus. */
body.gotek-saas-service-page main .gotek-saas-journey :is(article,.group):hover,
body.gotek-saas-service-page main .gotek-saas-journey :is(article,.group):focus-within{
  background:#f7fbff!important;
  border-color:#76aafa!important;
  box-shadow:0 18px 42px rgba(0,87,225,.12)!important;
}
body.gotek-saas-service-page main .gotek-saas-journey :is(article,.group):hover :is(h3,h4,p,li,strong,span),
body.gotek-saas-service-page main .gotek-saas-journey :is(article,.group):focus-within :is(h3,h4,p,li,strong,span){
  color:#10213f!important;
}

/* Final mobile typography guard: keep imported service headings inside the viewport. */
@media(max-width:820px) {
  html body.gotek-website-service-page h2 {
    max-width:22ch!important;
    font-family:"Be Vietnam Pro",system-ui,sans-serif!important;
    font-size:clamp(27px,7.8vw,36px)!important;
    line-height:1.14!important;
    overflow-wrap:anywhere!important;
    text-wrap:balance!important;
  }
  html body.gotek-website-service-page :is(h1,h2,h3) br {display:block!important}
}

/* Natural Vietnamese casing and calmer centered section typography. */
.gotek-website-service-page main :is(.gotek-website-value,.gotek-web-principles,.gotek-industry-websites) header { text-align:center!important; }
.gotek-website-service-page main :is(.gotek-website-value,.gotek-web-principles) h2 {
  max-width:900px!important; margin-inline:auto!important; font-size:clamp(28px,2.15vw,34px)!important;
  line-height:1.18!important; text-transform:none!important;
}
.gotek-website-service-page main .gotek-industry-websites__header h2 {
  font-size:clamp(25px,1.9vw,30px)!important; line-height:1.22!important; text-transform:none!important;
}
.gotek-website-service-page main .gotek-web-principles__grid h3 { font-size:17px!important; text-transform:none!important; }
.gotek-website-service-page main :is(.gotek-website-value header>p,.gotek-industry-websites__header>div,.gotek-centered-copy) {
  max-width:980px!important; margin-right:auto!important; margin-left:auto!important; color:#53647d!important;
  font-size:14px!important; line-height:1.7!important; text-align:center!important;
}
.gotek-website-service-page main :is(.gotek-web-principles header>p,.gotek-industry-websites__header>p) { text-transform:none!important; }

/* Hosting hero — full-bleed composition matching the approved visual reference. */
@media(min-width:1024px){
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type{
    min-height:560px!important;
    padding-top:100px!important;
    padding-bottom:0!important;
    background:#f4f8ff!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid{
    display:block!important;
    position:relative!important;
    min-height:488px!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid>div:first-child{
    position:relative!important;
    z-index:3!important;
    width:min(620px,calc(100vw - 48px))!important;
    margin-left:max(48px,calc((100vw - 1480px)/2))!important;
    padding-top:36px!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type h1{
    max-width:620px!important;
    font-size:clamp(44px,3.15vw,56px)!important;
    line-height:1.06!important;
    letter-spacing:-.045em!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type p{max-width:590px!important}
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid>div:first-child>div:nth-of-type(2){display:none!important}
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid>div:first-child>div:nth-of-type(3)>a:nth-child(2){display:none!important}
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid>div:last-child{
    display:block!important;
    position:absolute!important;
    top:-60px!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    z-index:1!important;
    width:100vw!important;
    height:calc(100% + 60px)!important;
    margin-left:50%!important;
    transform:translateX(-50%)!important;
    overflow:hidden!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type .gotek-hero-art{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center top!important;
    filter:none!important;
  }
}
.gotek-website-service-page main .gotek-website-value__grid h3 { font-size:16px!important; text-transform:none!important; }

/* Slightly more compact opening benefit cards. */
body.gotek-website-service-page main #gotek-editorial-intro+section+section {
  padding-top:28px!important;
  padding-bottom:54px!important;
}
body.gotek-website-service-page main #gotek-editorial-intro+section+section .group {
  padding:30px 28px!important;
  border-radius:30px!important;
}
body.gotek-website-service-page main #gotek-editorial-intro+section+section .group>div:first-child {
  width:56px!important;
  height:56px!important;
  margin-bottom:20px!important;
  border-radius:15px!important;
}
body.gotek-website-service-page main #gotek-editorial-intro+section+section .group>h3 {
  margin-bottom:10px!important;
  font-size:18px!important;
  line-height:1.35!important;
}
body.gotek-website-service-page main #gotek-editorial-intro+section+section .group>p {
  font-size:13px!important;
  line-height:1.65!important;
}
.gotek-website-service-page main{overflow:clip;background:#fff}
.gotek-website-service-page main>section:not(.contact-chapter){position:relative;color:var(--service-ink)}
.gotek-website-service-page main>section:nth-of-type(odd):not(:first-child):not(.contact-chapter){background:#fff!important}
.gotek-website-service-page main>section:nth-of-type(even):not(.contact-chapter){background:var(--service-mist)!important}
.gotek-website-service-page main>section:first-child{
  background:linear-gradient(125deg,#f8fbff 0%,#edf5ff 50%,#e7f7fb 100%)!important;
  border-bottom:1px solid rgba(0,87,225,.08);
}
.gotek-website-service-page main>section:not(.contact-chapter)>div{max-width:1280px}
.gotek-website-service-page main h1,
.gotek-website-service-page main h2,
.gotek-website-service-page main h3,
.gotek-website-service-page main h4{color:var(--service-ink);letter-spacing:-.035em;text-wrap:balance}
.gotek-website-service-page main h1{letter-spacing:-.05em;line-height:1.08}
.gotek-website-service-page main p{color:var(--service-copy);line-height:1.75}
.gotek-website-service-page main :is(h1,h2,h3,h4) :is(.text-blue-500,.text-blue-600,.text-blue-700),
.gotek-website-service-page main :is(.text-blue-500,.text-blue-600,.text-blue-700){color:var(--service-blue)!important}
.gotek-website-service-page main :is(.bg-blue-500,.bg-blue-600,.bg-blue-700){background-color:var(--service-blue)!important}
.gotek-website-service-page main :is(.border-blue-500,.border-blue-600){border-color:var(--service-blue)!important}
.gotek-website-service-page main :is(.rounded-xl,.rounded-2xl,.rounded-3xl){border-radius:18px}
.gotek-website-service-page main :is(.shadow,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl){box-shadow:0 14px 42px rgba(7,23,47,.07)!important}
.gotek-website-service-page main :is(.border,.border-slate-100,.border-slate-200,.border-gray-100,.border-gray-200){border-color:var(--service-line)!important}
.gotek-website-service-page main :is(button,a)[class*="bg-blue"]{
  border-radius:999px!important;
  box-shadow:0 8px 22px rgba(0,87,225,.2)!important;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.gotek-website-service-page main :is(button,a)[class*="bg-blue"]:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,87,225,.26)!important}
.gotek-website-service-page main :is(button,a):focus-visible{outline:3px solid rgba(0,169,214,.35)!important;outline-offset:3px}
.gotek-website-service-page main [class*="bg-slate-50"],
.gotek-website-service-page main [class*="bg-gray-50"]{background-color:#f7f9fc}
.gotek-website-service-page main [class*="border-slate"]{border-color:var(--service-line)}
.gotek-website-service-page main section :is(.grid)>div[class*="border"],
.gotek-website-service-page main section :is(.grid)>article{
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.gotek-website-service-page main section :is(.grid)>div[class*="border"]:hover,
.gotek-website-service-page main section :is(.grid)>article:hover{
  transform:translateY(-4px);
  border-color:rgba(0,87,225,.22)!important;
  box-shadow:0 18px 46px rgba(7,23,47,.08)!important;
}
.gotek-website-service-page .gotek-static-bg{opacity:.72}
.gotek-website-service-page .gotek-static-bg::before{opacity:.48}
@media(min-width:1101px){
  .gotek-website-service-page .site-header{max-width:1280px;margin-inline:auto}
}
@media(max-width:760px){
  .gotek-website-service-page main>section:not(.contact-chapter){padding-top:68px!important;padding-bottom:68px!important}
  .gotek-website-service-page main>section:first-child{padding-top:112px!important}
  .gotek-website-service-page main h1{font-size:clamp(38px,11vw,54px)!important}
  .gotek-website-service-page main h2{font-size:clamp(30px,8vw,40px)!important;line-height:1.14}
  .gotek-website-service-page main p{line-height:1.65}
}

/* 2026-08 visual QA: restore the imported hero and make the shared system fluid at tablet widths. */
.gotek-website-service-page main > div:first-child > section:first-of-type,
.gotek-website-service-page main > div:first-child > section:first-of-type *{
  visibility:visible!important;
}
.gotek-website-service-page main > div:first-child > section:first-of-type>div,
.gotek-website-service-page main > div:first-child > section:first-of-type>div>.grid,
.gotek-website-service-page main > div:first-child > section:first-of-type .grid>div{
  opacity:1!important;
  transform:none!important;
}
.gotek-website-service-page main>section{scroll-margin-top:96px}
.gotek-website-service-page main section :is(article,.group)>p,
.gotek-website-service-page main section :is(article,.group)>div>p,
.gotek-website-service-page main section :is(article,.group) p{text-align:left!important;word-spacing:normal!important}

@media(min-width:761px) and (max-width:1100px){
  .gotek-website-service-page main>section:not(.contact-chapter){padding-top:64px!important;padding-bottom:64px!important}
  .gotek-website-service-page main > div:first-child > section:first-of-type{min-height:auto!important;padding-top:112px!important;padding-bottom:44px!important}
  .gotek-website-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]{width:calc(100% - 48px)!important;padding-inline:0!important}
  .gotek-website-service-page main > div:first-child > section:first-of-type>div>.grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:34px!important;align-items:center!important}
  .gotek-website-service-page main > div:first-child > section:first-of-type .gotek-hero-art{width:100%;max-height:470px}
  .gotek-website-service-page main > div:first-child > section:nth-of-type(2)>.max-w-\[1232px\]>.grid,
  .gotek-website-service-page main > div:first-child > section:nth-of-type(2)>div>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .gotek-website-service-page main > div:first-child > section:nth-of-type(2) .group{padding:28px 26px!important}

  .gotek-website-value,.gotek-web-principles{padding:54px 0!important}
  .gotek-website-value__shell,.gotek-web-principles__shell{width:calc(100% - 48px)!important}
  .gotek-website-value__layout{grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr)!important;gap:30px!important}
  .gotek-website-value__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .gotek-website-value__grid article{min-height:138px;padding:20px!important;grid-template-columns:48px minmax(0,1fr)!important}
  .gotek-website-value__grid article>.iconify{width:48px!important;height:48px!important;padding:12px!important}
  .gotek-web-principles__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .gotek-web-principles article{min-height:220px!important;padding:28px 26px!important}

  .gotek-industry-websites{padding:60px 0 66px!important}
  .gotek-industry-websites__shell{width:calc(100% - 48px)!important}
  .gotek-industry-websites__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .gotek-industry-websites__grid article:last-child{grid-column:1 / -1;width:calc(50% - 9px);justify-self:center}
  .gotek-industry-websites__grid figure{height:340px}

  .gotek-tech-section h2{font-size:clamp(34px,5vw,48px)!important}
  .gotek-tech-section>div{padding-top:0!important;padding-bottom:0!important}
  .gotek-why-section{padding-top:56px!important}
  .gotek-why-section h2{font-size:clamp(36px,5vw,48px)!important}
  .gotek-deploy-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .gotek-deploy-section .grid>.group{min-height:auto!important}

  .gotek-project-needs{padding:62px 0!important}
  .gotek-project-needs__shell{width:calc(100% - 48px)}
  .gotek-project-needs__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .gotek-project-needs article>img{height:240px}
  .gotek-service-ecosystem{padding:56px 0 62px!important}

}

@media(max-width:760px){
  .gotek-website-service-page main > div:first-child > section:first-of-type{min-height:auto!important}
  .gotek-website-service-page main > div:first-child > section:first-of-type>div>.grid{grid-template-columns:1fr!important;gap:24px!important}
  .gotek-website-service-page main > div:first-child > section:nth-of-type(2)>div>.grid{grid-template-columns:1fr!important}
  .gotek-industry-websites__grid article:last-child{width:auto;grid-column:auto}
}

/* Landing-page content alignment and shared Gotek typography. */
.gotek-website-service-page,.gotek-website-service-page :is(button,input,textarea,select){font-family:"Be Vietnam Pro",system-ui,sans-serif!important}
.gotek-website-service-page main :is(h1,h2,h3,h4,strong){font-family:"Be Vietnam Pro",system-ui,sans-serif}
.gotek-website-service-page main h2 strong{color:#0057e1!important}

/* Consultation-led website FAQ. */
.gotek-faq-section{padding:78px 0!important;background:#fff!important}
.gotek-faq-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.gotek-faq-shell>header{max-width:1000px;margin:0 auto 40px;text-align:center}
.gotek-faq-shell>header>p{margin:0 0 12px;color:#0057e1!important;font-size:11px;font-weight:700;letter-spacing:.16em}
.gotek-faq-shell>header h2{margin:0 0 14px;font-size:clamp(30px,3vw,44px)!important;line-height:1.15}
.gotek-faq-shell>header>div{color:#53627a;font-size:15px;line-height:1.7;white-space:nowrap}
.gotek-faq-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.45fr);gap:42px;align-items:start}
.gotek-faq-layout aside{position:sticky;top:112px;padding:30px;border-radius:20px;background:#f3f6fa}
.gotek-faq-layout aside h3{margin:0 0 12px;font-size:21px!important}
.gotek-faq-layout aside p{margin:0 0 24px;font-size:14px;line-height:1.7}
.gotek-faq-layout aside a{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 20px;border-radius:999px;color:#fff!important;background:#0057e1;font-size:14px;font-weight:700;box-shadow:0 10px 24px rgba(0,87,225,.2)}
.gotek-faq-list{display:grid;gap:12px}
.gotek-faq-list details{border-radius:18px;background:#f5f8fc;overflow:hidden}
.gotek-faq-list summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;color:#07172f;font-size:16px;font-weight:650;line-height:1.45;cursor:pointer;list-style:none}
.gotek-faq-list summary::-webkit-details-marker{display:none}
.gotek-faq-list summary span{position:relative;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(7,23,47,.07)}
.gotek-faq-list summary span::before,.gotek-faq-list summary span::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:#0057e1;transform:translate(-50%,-50%)}
.gotek-faq-list summary span::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s ease}
.gotek-faq-list details[open] summary span{background:#0057e1}
.gotek-faq-list details[open] summary span::before,.gotek-faq-list details[open] summary span::after{background:#fff}
.gotek-faq-list details[open] summary span::after{transform:translate(-50%,-50%) rotate(0)}
.gotek-faq-list details>p{margin:0;padding:0 24px 24px;color:#53627a;font-size:14px;line-height:1.75}

/* Short, centered project-needs introduction. */
.gotek-project-needs header{max-width:760px!important;margin:0 auto 36px!important;text-align:center}
.gotek-project-needs header>div{max-width:650px!important;margin-inline:auto;font-size:14px!important}
.gotek-project-needs h2{font-size:clamp(29px,2.6vw,40px)!important}

/* Exact homepage ecosystem component, adapted only for this landing-page container. */
.gotek-service-ecosystem{padding:76px 0 82px!important;background:#fff!important}
.gotek-service-ecosystem .ecosystem-intro,.gotek-service-ecosystem .ecosystem-system-layout{width:min(var(--gt-content),calc(100% - 64px));margin-inline:auto}
.gotek-service-ecosystem .ecosystem-kicker{color:#0057e1!important}
.gotek-service-ecosystem .ecosystem-intro h2 em{color:#0057e1!important;font-style:normal}
.gotek-service-ecosystem .ecosystem-system-layout{background:#fff}
.gotek-service-ecosystem .ecosystem-unit-logo>img,.gotek-service-ecosystem .ecosystem-master-logo>img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;visibility:visible!important;opacity:1!important}

@media(max-width:820px){
  .gotek-faq-section{padding:58px 0!important}.gotek-faq-shell{width:calc(100% - 28px)}.gotek-faq-layout{grid-template-columns:1fr;gap:20px}.gotek-faq-layout aside{position:static}.gotek-faq-shell>header{text-align:left}.gotek-faq-shell>header>div{white-space:normal}
  .gotek-service-ecosystem{padding:58px 0 64px!important}.gotek-service-ecosystem .ecosystem-intro,.gotek-service-ecosystem .ecosystem-system-layout{width:calc(100% - 28px)}
}

/* SaaS page-wide typography, emphasis, labels and section rhythm. */
body.gotek-saas-service-page,
body.gotek-saas-service-page :is(button,input,textarea,select,summary){
  font-family:"Be Vietnam Pro",system-ui,sans-serif!important;
}
body.gotek-saas-service-page main>div>section:not(:first-child):not(.gotek-saas-opening-benefits),
body.gotek-saas-service-page .gotek-website-value-sections>section,
body.gotek-saas-service-page main>.gotek-faq-section,
body.gotek-saas-service-page main>#service-ecosystem{
  border-top:1px solid #d8e1ec!important;
}
body.gotek-saas-service-page main h2{
  font-size:clamp(28px,2.7vw,40px)!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  text-wrap:balance;
}
body.gotek-saas-service-page main h2 strong{
  color:#0563e8!important;
  font-weight:700!important;
}
body.gotek-saas-service-page main :is(p,li,figcaption){
  font-size:min(15px,1rem);
  line-height:1.7;
  text-wrap:pretty;
}
body.gotek-saas-service-page main .gotek-saas-section-label,
body.gotek-saas-service-page main .gotek-saas-plain-kicker,
body.gotek-saas-service-page .gotek-faq-shell>header>p{
  display:inline-flex!important;
  width:auto!important;
  min-height:0!important;
  margin-bottom:14px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:#0563e8!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  line-height:1.4!important;
}
body.gotek-saas-service-page main .gotek-saas-section-label svg{width:15px;height:15px}
body.gotek-saas-service-page .gotek-faq-shell>header h2{font-size:clamp(34px,3.2vw,46px)!important}
@media(max-width:680px){
  body.gotek-saas-service-page main h2{font-size:clamp(26px,7.6vw,34px)!important;line-height:1.24!important}
  body.gotek-saas-service-page main :is(p,li,figcaption){font-size:14px}
  body.gotek-saas-service-page .gotek-faq-shell>header h2{font-size:clamp(30px,8.5vw,38px)!important}
}
@media(prefers-reduced-motion:reduce){
  .gotek-website-service-page *,
  .gotek-website-service-page *::before,
  .gotek-website-service-page *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Hero density and color correction: preserve the split composition, remove excess air and stacked blue haze. */
.gotek-website-service-page main > div:first-child > section:first-of-type{
  padding-top:136px!important;
  padding-bottom:24px!important;
  background:linear-gradient(112deg,#fbfdff 0%,#f7faff 46%,#eef9fc 100%)!important;
}
.gotek-website-service-page main > div:first-child > section:first-of-type .gotek-static-bg{
  opacity:.46;
  background:radial-gradient(circle at 76% 28%,rgba(0,169,214,.1),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.2),rgba(0,87,225,.018));
}
.gotek-website-service-page main > div:first-child > section:first-of-type .gotek-static-bg::before{opacity:.2}
.gotek-website-service-page main > div:first-child > section:first-of-type .gotek-static-bg::after{opacity:.34}
body.gotek-saas-service-page main > div:first-child > section:first-of-type .gotek-static-bg::before{display:none!important}
body.gotek-saas-service-page main>div>section:first-of-type+section{border-top:0!important}
@media(max-width:760px){
  .gotek-website-service-page main > div:first-child > section:first-of-type{padding-top:102px!important;padding-bottom:28px!important}
}

/* Hero CTA and type hierarchy requested for the website-service landing. */
.gotek-website-service-page main > div:first-child > section:first-of-type h1{
  max-width:15ch;
  font-size:clamp(38px,4vw,44px)!important;
  line-height:1.1!important;
}
.gotek-website-service-page main > div:first-child > section:first-of-type h1+div{
  max-width:590px;
  color:#40516b!important;
  font-size:16px!important;
  font-weight:500;
  line-height:1.7!important;
}
.gotek-website-service-page main > div:first-child > section:first-of-type div:has(>a[href="#pricing"]){display:flex!important;flex-wrap:wrap;align-items:center;gap:14px!important}
.gotek-website-service-page main > div:first-child > section:first-of-type a[href="#pricing"]{display:none!important}
.gotek-website-service-page main > div:first-child > section:first-of-type a[href="#pricing"]+a{
  min-height:48px;
  padding:0 24px!important;
  border-color:var(--service-blue)!important;
  color:#fff!important;
  background:var(--service-blue)!important;
  font-size:15px!important;
  box-shadow:0 10px 24px rgba(0,87,225,.2)!important;
}
.gotek-website-service-page main > div:first-child > section:first-of-type a[href="#pricing"]+a:hover{background:#004fc8!important}
.gotek-website-service-page main > div:first-child > section:first-of-type h1~div span[class*="uppercase"]{color:#263b5c!important;font-weight:700}
@media(max-width:760px){
  .gotek-website-service-page main > div:first-child > section:first-of-type h1{font-size:clamp(34px,9vw,40px)!important}
  .gotek-website-service-page main > div:first-child > section:first-of-type h1+div{font-size:15px!important}
  .gotek-website-service-page main > div:first-child > section:first-of-type a[href="#pricing"]+a{width:auto;min-width:180px}
}

/* Remove both hero CTAs and tighten the hand-off into section two. */
.gotek-website-service-page main > div:first-child > section:first-of-type div:has(>a[href="#pricing"]){display:none!important}
.gotek-website-service-page main > div:first-child > section:first-of-type h1+div+div{margin-bottom:0!important}
.gotek-website-service-page main > div:first-child > section:first-of-type{padding-bottom:12px!important}
.gotek-website-service-page main > div:first-child > section:nth-of-type(2){padding-top:56px!important;padding-bottom:72px!important}
@media(max-width:760px){
  .gotek-website-service-page main > div:first-child > section:first-of-type{padding-bottom:10px!important}
  .gotek-website-service-page main > div:first-child > section:nth-of-type(2){padding-top:48px!important;padding-bottom:56px!important}
}

/* Clear, accessible hover/focus state for the four opening service cards. */
.gotek-website-service-page main > div:first-child > section:nth-of-type(2) .group:hover,
.gotek-website-service-page main > div:first-child > section:nth-of-type(2) .group:focus-within{
  border-color:#76aafa!important;
  background:#eef5ff!important;
  box-shadow:0 18px 42px rgba(0,87,225,.12)!important;
  transform:translateY(-5px);
}
.gotek-website-service-page main > div:first-child > section:nth-of-type(2) .group:hover>div:first-child,
.gotek-website-service-page main > div:first-child > section:nth-of-type(2) .group:focus-within>div:first-child{
  color:#fff!important;
  background:#0057e1!important;
  box-shadow:0 10px 24px rgba(0,87,225,.25)!important;
}
.gotek-website-service-page main > div:first-child > section:nth-of-type(2) .group:hover>div:first-child svg,
.gotek-website-service-page main > div:first-child > section:nth-of-type(2) .group:focus-within>div:first-child svg{color:#fff!important;stroke:#fff!important}
.gotek-website-service-page main > div:first-child > section:nth-of-type(2) .group:hover h3,
.gotek-website-service-page main > div:first-child > section:nth-of-type(2) .group:focus-within h3{color:#004fc8!important}

/* Hosting proof cards share the same 3D infrastructure image language as the hero. */
.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2) .group>img{
  width:108px!important;
  height:108px!important;
  margin-bottom:20px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 14px 20px rgba(4,31,75,.14));
}

/* Let the wide hosting illustration behave like the reference hero: one atmospheric
   canvas behind the copy, rather than a small picture sitting inside the right column. */
@media(min-width:761px){
  .gotek-hosting-service-page main > div:first-child > section:first-of-type{overflow:hidden!important}
  .gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]{position:relative!important}
  .gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid{position:relative!important}
  .gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid>div:first-child{position:relative!important;z-index:2!important}
  .gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid>div:last-child{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    width:100%!important;
    height:100%!important;
    pointer-events:none!important;
  }
  .gotek-hosting-service-page main > div:first-child > section:first-of-type .gotek-hero-art{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:none!important;
  }
}
@media(max-width:760px){
  .gotek-hosting-service-page main > div:first-child > section:nth-of-type(2) .group>img{width:92px!important;height:92px!important}
  .gotek-hosting-service-page main > div:first-child > section:first-of-type .gotek-hero-art{
    width:185%!important;
    max-width:none!important;
    height:auto!important;
    margin-left:-78%!important;
  }
}

/* Wider editorial rhythm on large screens: loosen the hero and opening feature grid. */
@media(min-width:1280px){
  .gotek-website-service-page main > div:first-child > section:first-of-type>div[class*="max-w"],
  .gotek-website-service-page main > div:first-child > section:nth-of-type(2)>div[class*="max-w"]{
    width:min(1480px,calc(100% - 96px))!important;
    max-width:1480px!important;
    padding-inline:0!important;
  }
  .gotek-website-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    column-gap:clamp(76px,5vw,104px)!important;
  }
  .gotek-website-service-page main > div:first-child > section:first-of-type .gotek-hero-art{width:min(100%,680px);margin-inline:auto}
  .gotek-website-service-page main > div:first-child > section:nth-of-type(2) .grid{gap:28px!important}
  .gotek-website-service-page main > div:first-child > section:nth-of-type(2) .group{padding:38px 34px!important}
}

/* Multi-industry website portfolio, sourced from the user's supplied PDF designs. */
.gotek-industry-websites{padding:82px 0 88px!important;background:linear-gradient(115deg,#f8fbff 0%,#edf7fc 100%)!important;border-block:1px solid #dce8f3}
.gotek-industry-websites__shell{width:min(1480px,calc(100% - 64px));max-width:1480px!important;margin-inline:auto}
.gotek-industry-websites__header{max-width:1050px;margin:0 auto 46px;text-align:center}
.gotek-industry-websites__header>p{display:none!important}
.gotek-industry-websites__header h2{margin:0 0 14px;color:#07172f!important;font-size:clamp(26px,2vw,34px)!important;font-weight:700;line-height:1.16;letter-spacing:-.03em}
.gotek-industry-websites__header>div{max-width:900px;margin-inline:auto;color:#4d5f78;font-size:14px;line-height:1.7}
.gotek-industry-websites__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.gotek-industry-websites__grid article{min-width:0;padding:20px 16px 16px;border:1px solid #8fc6f2;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(7,23,47,.055);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.gotek-industry-websites__grid article:hover{transform:translateY(-6px);border-color:#0057e1;box-shadow:0 20px 46px rgba(0,87,225,.12)}
.gotek-industry-websites__grid h3{margin:0 0 16px;color:#0057e1!important;font-size:17px;font-weight:700;line-height:1.35;text-align:center;letter-spacing:-.015em}
.gotek-industry-websites__grid figure{position:relative;height:390px;margin:0;overflow:hidden;border-radius:12px;background:#f4f7fb}
.gotek-industry-websites__grid img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top center;transition:transform 7s cubic-bezier(.2,.75,.2,1)}
.gotek-industry-websites__grid article:hover img{transform:translateY(calc(-100% + 390px))}
@media(max-width:1279px){.gotek-industry-websites__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.gotek-industry-websites{padding:62px 0 68px!important}.gotek-industry-websites__shell{width:calc(100% - 32px)}.gotek-industry-websites__header{margin-bottom:34px}.gotek-industry-websites__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gotek-industry-websites__grid figure{height:360px}.gotek-industry-websites__grid article:hover img{transform:none}}
@media(max-width:560px){.gotek-industry-websites{padding:52px 0 58px!important}.gotek-industry-websites__shell{width:calc(100% - 28px)}.gotek-industry-websites__header{text-align:left}.gotek-industry-websites__header h2{font-size:25px!important}.gotek-industry-websites__header>div{font-size:13.5px}.gotek-industry-websites__grid{grid-template-columns:1fr}.gotek-industry-websites__grid article{padding:18px}.gotek-industry-websites__grid figure{height:430px}}
@media(prefers-reduced-motion:reduce){.gotek-industry-websites__grid img{transition:none}.gotek-industry-websites__grid article:hover img{transform:none}}

/* Remove the imported yellow curve ornaments beside section headings. */
.gotek-website-service-page img[src*="heading-shape-right-yellow"]{display:none!important}
@media(prefers-reduced-motion:reduce){.gotek-support-art{transition:none}}

/* Interactive technology rail. */
@keyframes gotek-marquee-forward{to{transform:translateX(calc(-50% - 12px))}}
@keyframes gotek-marquee-reverse{from{transform:translateX(calc(-50% - 12px))}to{transform:translateX(0)}}
.gotek-tech-section .animate-marquee-left,.gotek-tech-section .animate-marquee-right{width:max-content;will-change:transform;animation:gotek-marquee-forward 34s linear infinite!important}
.gotek-tech-section .gotek-marquee--reverse{animation-name:gotek-marquee-reverse!important;animation-duration:38s!important}
.gotek-tech-section :is(.animate-marquee-left,.animate-marquee-right):hover{animation-play-state:paused!important}

/* Accessible open/close states for the Why Gotek accordion. */
.gotek-why-section button{cursor:pointer}
.gotek-why-section button>div:has(svg),.gotek-why-section button>div:has(span[aria-hidden]){display:grid;place-items:center}
.gotek-why-section button>div span[aria-hidden]{font-size:22px;line-height:1;color:#70829b!important}
.gotek-why-section button>div.is-open span[aria-hidden]{color:#fff!important}
.gotek-why-section button[aria-expanded="true"]>span{color:#0057e1!important;font-weight:700}

/* Keep deployment cards and the FAQ request CTA readable on hover. */
.gotek-deploy-section .group:hover,.gotek-deploy-section .group:focus-within{background:#eef5ff!important;border-color:#76aafa!important;box-shadow:0 18px 42px rgba(0,87,225,.12)!important}
.gotek-deploy-section .group:hover :is(.group-hover\:bg-blue-600,[class*="group-hover:bg-blue"]),.gotek-deploy-section .group:focus-within :is(.group-hover\:bg-blue-600,[class*="group-hover:bg-blue"]){background:#0057e1!important;color:#fff!important}
.gotek-deploy-section .group:hover svg,.gotek-deploy-section .group:focus-within svg{stroke:#fff!important;color:#fff!important}
.gotek-faq-section a[class*="bg-blue"]{background:#0057e1!important;color:#fff!important;border:1px solid #0057e1!important}
.gotek-faq-section a[class*="bg-blue"] :is(span,svg){color:#fff!important;stroke:#fff!important}
.gotek-faq-section a[class*="bg-blue"]:hover,.gotek-faq-section a[class*="bg-blue"]:focus-visible{background:#003faa!important;color:#fff!important;box-shadow:0 12px 30px rgba(0,63,170,.3)!important}

/* Verified project-needs content replaces unverified names, ratings and testimonials. */
.gotek-project-needs{padding:88px 0!important;background:#f4f7fb!important}
.gotek-project-needs__shell{width:min(1280px,calc(100% - 48px));margin-inline:auto}
.gotek-project-needs header{max-width:840px;margin-bottom:38px}
.gotek-project-needs header>p{margin:0 0 12px;color:#0057e1!important;font-size:12px;font-weight:700;letter-spacing:.16em}
.gotek-project-needs h2{margin:0 0 14px;font-size:clamp(30px,3vw,46px)!important;line-height:1.12}
.gotek-project-needs header>div{max-width:720px;color:#53627a;font-size:16px;line-height:1.7}
.gotek-project-needs__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.gotek-project-needs article{overflow:hidden;border:1px solid #dbe5f1;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(7,23,47,.06);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.gotek-project-needs article:hover{transform:translateY(-5px);border-color:#8db9f7;box-shadow:0 20px 46px rgba(0,87,225,.11)}
.gotek-project-needs article>img{display:block;width:100%;height:210px;object-fit:cover;object-position:top center;background:#eef3f8}
.gotek-project-needs article>div{padding:24px}
.gotek-project-needs article span{color:#0057e1!important;font-size:12px;font-weight:700;letter-spacing:.14em}
.gotek-project-needs article h3{margin:8px 0 10px;font-size:20px!important;line-height:1.3}
.gotek-project-needs article p{margin:0;font-size:14px;line-height:1.7}
@media(max-width:980px){.gotek-project-needs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.gotek-project-needs{padding:62px 0!important}.gotek-project-needs__shell{width:calc(100% - 28px)}.gotek-project-needs__grid{grid-template-columns:1fr}.gotek-project-needs article>img{height:230px}}
@media(prefers-reduced-motion:reduce){.gotek-tech-section .animate-marquee-left,.gotek-tech-section .animate-marquee-right{animation:none!important}.gotek-project-needs article{transition:none}}


/* Two editorial sections based on the supplied references, rebuilt for Gotek. */
.gotek-website-value-sections{display:block}
.gotek-website-value{padding:86px 0!important;background:linear-gradient(125deg,#f9fcff 0%,#edf8fd 100%)!important;border-block:1px solid #dce8f3}
.gotek-website-value__shell,.gotek-web-principles__shell{width:min(1280px,calc(100% - 48px));margin-inline:auto}
.gotek-website-value header{max-width:1040px;margin:0 auto 48px;text-align:center}
.gotek-website-value h2,.gotek-web-principles h2{margin:0;color:#07172f!important;font-size:clamp(28px,2.5vw,40px)!important;line-height:1.15;letter-spacing:-.035em}
.gotek-website-value h2 strong,.gotek-web-principles h2 strong{color:#0057e1!important;font-weight:700}
.gotek-website-value header p{max-width:970px;margin:18px auto 0;color:#4d5f78;font-size:15px;line-height:1.75}
.gotek-website-value__layout{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.35fr);gap:54px;align-items:center}
.gotek-website-value figure{margin:0}
.gotek-website-value__art{position:relative;display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;border-radius:32px;background:radial-gradient(circle at 50% 45%,#d8ebff 0%,#f7fbff 68%);border:1px solid #d7e5f4}
.gotek-website-value__art::before{content:"";position:absolute;inset:9%;border:1px solid rgba(0,87,225,.12);border-radius:50%}
.gotek-website-value__art img{position:relative;z-index:1;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(7,23,47,.13))}
.gotek-website-value figcaption{margin-top:14px;color:#66758c;font-size:12px;line-height:1.6;text-align:center}
.gotek-website-value__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gotek-website-value__grid article{display:grid;grid-template-columns:42px 1fr;gap:14px;min-height:150px;padding:24px;border:1px solid #c9deef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(7,23,47,.055);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.gotek-website-value__grid article:hover{transform:translateY(-4px);border-color:#7eb4ef;box-shadow:0 18px 38px rgba(0,87,225,.1)}
.gotek-website-value__grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#0057e1!important;background:#eaf3ff;font-size:12px;font-weight:800}
.gotek-website-value__grid h3{margin:1px 0 8px;font-size:17px!important;line-height:1.35}
.gotek-website-value__grid p{margin:0;font-size:13.5px;line-height:1.65}
.gotek-web-principles{padding:88px 0 94px!important;background:#fff!important}
.gotek-web-principles header{margin-bottom:48px;text-align:center}
.gotek-web-principles header>p{margin:0 0 12px;color:#0057e1!important;font-size:11px;font-weight:700;letter-spacing:.17em}
.gotek-web-principles__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #dfe7f1}
.gotek-web-principles article{position:relative;min-height:270px;padding:40px 32px;text-align:center}
.gotek-web-principles article+article{border-left:1px solid #dfe7f1}
.gotek-web-principles article>span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 20px;border-radius:50%;color:#0057e1!important;background:#edf5ff;font-size:12px;font-weight:800}
.gotek-web-principles h3{margin:0 0 14px;font-size:19px!important;letter-spacing:-.02em}
.gotek-web-principles article p{margin:0;color:#53627a;font-size:14px;line-height:1.75}
@media(max-width:980px){.gotek-website-value__layout{grid-template-columns:1fr}.gotek-website-value figure{max-width:560px;margin-inline:auto}.gotek-web-principles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gotek-web-principles article:nth-child(3){border-left:0;border-top:1px solid #dfe7f1}.gotek-web-principles article:nth-child(4){border-top:1px solid #dfe7f1}}
@media(max-width:620px){.gotek-website-value,.gotek-web-principles{padding:62px 0!important}.gotek-website-value__shell,.gotek-web-principles__shell{width:calc(100% - 28px)}.gotek-website-value header,.gotek-web-principles header{text-align:left}.gotek-website-value__layout{gap:34px}.gotek-website-value__grid,.gotek-web-principles__grid{grid-template-columns:1fr}.gotek-website-value__grid article{min-height:0}.gotek-web-principles article{min-height:0;padding:30px 22px;text-align:left}.gotek-web-principles article+article{border-left:0;border-top:1px solid #dfe7f1}.gotek-web-principles article>span{margin:0 0 18px}}
@media(prefers-reduced-motion:reduce){.gotek-website-value__grid article{transition:none}}

/* Surface-led refinement: hierarchy comes from color and spacing, not borders. */
.gotek-website-value{border:0!important;background:linear-gradient(135deg,#f7fbff 0%,#edf7fc 62%,#e7f4fb 100%)!important}
.gotek-website-value h2,.gotek-web-principles h2{font-weight:650!important}
.gotek-website-value__art{border:0;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.98) 0 36%,rgba(220,236,255,.82) 68%,rgba(205,230,248,.72) 100%);box-shadow:0 24px 60px rgba(15,54,96,.08)}
.gotek-website-value__art::before{border:0;background:radial-gradient(circle,transparent 0 58%,rgba(0,87,225,.07) 59% 60%,transparent 61%)}
.gotek-website-value__grid article{border:0;border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(18,66,112,.065)}
.gotek-website-value__grid article:nth-child(2),.gotek-website-value__grid article:nth-child(5){background:#f2f8ff}
.gotek-website-value__grid article:nth-child(3),.gotek-website-value__grid article:nth-child(6){background:#edf8fb}
.gotek-website-value__grid article:hover{border:0!important;background:#fff;box-shadow:0 20px 46px rgba(0,87,225,.12)}
.gotek-website-value__grid article>.iconify{display:grid;width:44px;height:44px;padding:10px;border-radius:14px;color:#0057e1!important;background:#e7f1ff;font-size:24px}
.gotek-web-principles{background:#f7f9fc!important}
.gotek-web-principles__grid{gap:18px;border:0}
.gotek-web-principles article{min-height:280px;padding:38px 30px;border:0!important;border-radius:20px;background:#fff;text-align:left;box-shadow:0 14px 34px rgba(7,23,47,.055);transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
.gotek-web-principles article:nth-child(2){background:#eef5ff}
.gotek-web-principles article:nth-child(3){background:#eaf7fb}
.gotek-web-principles article:nth-child(4){background:#f0f3fa}
.gotek-web-principles article:hover{transform:translateY(-5px);background:#fff;box-shadow:0 20px 46px rgba(0,87,225,.1)}
.gotek-web-principles article>.iconify{display:grid;width:48px;height:48px;margin:0 0 24px;padding:11px;border-radius:15px;color:#0057e1!important;background:rgba(255,255,255,.76);font-size:26px;box-shadow:0 8px 20px rgba(0,87,225,.08)}
.gotek-web-principles h3{font-weight:700!important}
@media(max-width:980px){.gotek-web-principles article:nth-child(3),.gotek-web-principles article:nth-child(4){border:0!important}}
@media(max-width:620px){.gotek-web-principles article+article{border:0!important}.gotek-web-principles__grid{gap:12px}.gotek-web-principles article{padding:26px 22px}}

/* White-led version approved from the latest visual reference. */
.gotek-website-value,.gotek-web-principles{background:#fff!important}
.gotek-website-value__art{aspect-ratio:3/2;overflow:visible;background:transparent!important;box-shadow:none!important}
.gotek-website-value__art::before{display:none!important}
.gotek-website-value__art img{width:108%;height:108%;max-width:none;object-fit:contain;filter:drop-shadow(0 22px 32px rgba(7,23,47,.1))}
.gotek-website-value figcaption{margin-top:8px}
.gotek-website-value__grid article,.gotek-web-principles article{background:#f3f6fa!important;box-shadow:none!important}
.gotek-website-value__grid article:nth-child(3n+2),.gotek-web-principles article:nth-child(2){background:#eef5ff!important}
.gotek-website-value__grid article:nth-child(3n),.gotek-web-principles article:nth-child(3){background:#edf8fb!important}
.gotek-web-principles article:nth-child(4){background:#f1f4fa!important}
.gotek-website-value__grid article>.iconify,.gotek-web-principles article>.iconify{color:#0057e1!important;background:#fff!important;box-shadow:0 5px 14px rgba(7,23,47,.08)!important}
.gotek-website-value__grid article:hover,.gotek-web-principles article:hover{background:#eaf3ff!important;box-shadow:0 16px 36px rgba(0,87,225,.08)!important}
@media(max-width:620px){.gotek-website-value__art{aspect-ratio:1/1}.gotek-website-value__art img{width:104%;height:104%}}

/* Match the established service-card icon treatment. */
.gotek-website-value__grid article>.iconify,.gotek-web-principles article>.iconify{
  width:54px!important;
  height:54px!important;
  padding:14px!important;
  border-radius:14px!important;
  color:#0057e1!important;
  background:#fff!important;
  filter:none!important;
  box-shadow:0 4px 10px rgba(7,23,47,.09),0 1px 2px rgba(7,23,47,.05)!important;
  transition:color .22s ease,background-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.gotek-website-value__grid article{grid-template-columns:54px minmax(0,1fr)!important}
.gotek-web-principles article:first-child>.iconify{
  color:#fff!important;
  background:#1262e8!important;
  box-shadow:0 9px 20px rgba(0,87,225,.24)!important;
}
.gotek-website-value__grid article:hover>.iconify,.gotek-web-principles article:hover>.iconify{
  color:#fff!important;
  background:#1262e8!important;
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,87,225,.24)!important;
}

/* Latest spacing, white-card and typography adjustments. */
.gotek-website-value{padding:62px 0 54px!important;background:#f5f8fc!important}
.gotek-web-principles{padding:56px 0 64px!important;background:#f5f8fc!important}
.gotek-website-service-page main .gotek-website-value{padding:62px 0 54px!important}
.gotek-website-service-page main .gotek-web-principles{padding:56px 0 64px!important}
.gotek-website-value__shell,.gotek-web-principles__shell{width:min(1240px,calc(100% - 72px))!important}
.gotek-website-value header{margin-bottom:34px!important}
.gotek-web-principles header{margin-bottom:30px!important}
.gotek-web-principles header>p{display:none!important}
.gotek-website-value__grid,.gotek-web-principles__grid{gap:20px!important}
.gotek-website-value__grid article,.gotek-web-principles article{
  background:#fff!important;
  box-shadow:0 10px 28px rgba(7,23,47,.055)!important;
}
.gotek-website-value__grid article:nth-child(n),.gotek-web-principles article:nth-child(n){background:#fff!important}
.gotek-website-value__grid article{padding:26px!important}
.gotek-web-principles article{padding:34px 28px!important}
.gotek-web-principles article:first-child>.iconify{
  color:#0057e1!important;
  background:#fff!important;
  box-shadow:0 4px 10px rgba(7,23,47,.09),0 1px 2px rgba(7,23,47,.05)!important;
}
.gotek-website-value__grid article:hover>.iconify,.gotek-web-principles article:hover>.iconify{
  color:#fff!important;
  background:#1262e8!important;
}
.gotek-website-value__grid h3,.gotek-web-principles h3{
  color:#07172f!important;
  font-weight:700!important;
  text-transform:uppercase;
}

/* Final responsive overrides must remain last: they supersede imported Tailwind utilities. */
@media(min-width:761px) and (max-width:1100px){
  .gotek-website-service-page main>section:not(.contact-chapter){padding-top:64px!important;padding-bottom:64px!important}
  .gotek-website-service-page main > div:first-child > section:first-of-type{min-height:auto!important;padding-top:112px!important;padding-bottom:44px!important}
  .gotek-website-service-page main > div:first-child > section:first-of-type>div>.grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:34px!important}
  .gotek-website-service-page main > div:first-child > section:nth-of-type(2)>div>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .gotek-website-value,.gotek-web-principles{padding:54px 0!important}
  .gotek-website-value__shell,.gotek-web-principles__shell{width:calc(100% - 48px)!important}
  .gotek-website-value__layout{grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr)!important;gap:30px!important}
  .gotek-website-value__grid,.gotek-web-principles__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .gotek-web-principles article{min-height:220px!important;padding:28px 26px!important}
  .gotek-industry-websites{padding:60px 0 66px!important}
  .gotek-industry-websites__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .gotek-industry-websites__grid article:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}
  .gotek-deploy-section .grid,.gotek-project-needs__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .gotek-service-ecosystem{padding:56px 0 62px!important}
}
@media(max-width:760px){
  .gotek-website-value,.gotek-web-principles{padding:48px 0!important}
  .gotek-website-service-page main .gotek-website-value,.gotek-website-service-page main .gotek-web-principles{padding:48px 0!important}
  .gotek-website-value__shell,.gotek-web-principles__shell{width:calc(100% - 28px)!important}
  .gotek-website-value__grid,.gotek-web-principles__grid{gap:12px!important}
}

/* Final landing typography and vertical-rhythm pass. */
.gotek-website-service-page main,
.gotek-website-service-page main *{
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.gotek-website-service-page main .gotek-landing-tagline,
.gotek-website-service-page main .gotek-project-needs header>p,
.gotek-website-service-page main .gotek-faq-shell>header>p{
  display:block!important;
  width:100%!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.gotek-website-service-page main .gotek-landing-tagline{
  margin-block:0!important;
  color:#0057e1!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.5!important;
  letter-spacing:.14em!important;
}
.gotek-website-service-page main .gotek-tagline-section{
  min-height:0!important;
  padding-top:34px!important;
  padding-bottom:34px!important;
}
.gotek-website-service-page main .gotek-service-ecosystem{
  height:auto!important;
  min-height:0!important;
  display:block!important;
}
body.gotek-website-service-page main>section#service-ecosystem.gotek-service-ecosystem{
  padding-top:48px!important;
  padding-bottom:48px!important;
}
.gotek-website-service-page main .gotek-deploy-section .gotek-plain-kicker-wrap{
  display:block!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
}
.gotek-website-service-page main .gotek-deploy-section .gotek-plain-kicker{
  display:block!important;
  width:100%!important;
  color:#0057e1!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.5!important;
  letter-spacing:.18em!important;
  text-align:center!important;
}
.gotek-website-service-page main .gotek-deploy-section .gotek-plain-kicker svg{display:none!important}
.gotek-website-service-page main #project-needs-title strong{color:#0057e1!important;font-weight:700!important}
body.gotek-website-service-page .contact-chapter :is(.footer-cta-copy,#footer-cta-title,#footer-cta-title .gt-line){width:100%!important;margin-inline:auto!important;text-align:center!important}
body.gotek-website-service-page .contact-chapter div:has(>#footer-cta-title)>p,
body.gotek-website-service-page .contact-chapter #footer-cta-title,
body.gotek-website-service-page .contact-chapter #footer-cta-title *{font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif!important;text-align:center!important}
body.gotek-website-service-page .contact-chapter div:has(>#footer-cta-title)>p{display:block!important;width:100%!important;margin-inline:auto!important}
body.gotek-website-service-page .contact-chapter #footer-cta-title .gt-line{display:block!important}
body.gotek-website-service-page .contact-chapter #footer-cta-title strong{color:#0057e1!important}
.gotek-website-service-page main .gotek-service-ecosystem .ecosystem-intro{
  gap:10px!important;
  margin-top:0!important;
  margin-bottom:20px!important;
  padding-top:0!important;
  padding-bottom:18px!important;
}
.gotek-website-service-page main .gotek-service-ecosystem .ecosystem-intro :is(.ecosystem-kicker,h2,p){
  text-align:center!important;
}
.gotek-website-service-page main :is(
  .gotek-website-value,
  .gotek-web-principles,
  .gotek-industry-websites,
  .gotek-tech-section,
  .gotek-why-section,
  .gotek-deploy-section,
  .gotek-faq-section,
  .gotek-project-needs,
  .gotek-service-ecosystem
){
  padding-top:56px!important;
  padding-bottom:60px!important;
}
.gotek-website-service-page main .gotek-industry-websites__header,
.gotek-website-service-page main .gotek-project-needs header,
.gotek-website-service-page main .gotek-faq-shell>header{
  margin-bottom:28px!important;
}
@media(max-width:760px){
  .gotek-website-service-page main :is(
    .gotek-website-value,
    .gotek-web-principles,
    .gotek-industry-websites,
    .gotek-tech-section,
    .gotek-why-section,
    .gotek-deploy-section,
    .gotek-faq-section,
    .gotek-project-needs,
    .gotek-service-ecosystem
  ){
    padding-top:44px!important;
    padding-bottom:48px!important;
  }
  .gotek-website-service-page main .gotek-tagline-section{
    padding-top:28px!important;
    padding-bottom:28px!important;
  }
  .gotek-website-service-page main .gotek-service-ecosystem .ecosystem-intro{
    margin-bottom:18px!important;
    padding-bottom:14px!important;
  }
  body.gotek-website-service-page main>section#service-ecosystem.gotek-service-ecosystem{
    padding-top:40px!important;
    padding-bottom:42px!important;
  }
}

/* Temporarily hidden at the user's request; keep the imported source intact. */
body.gotek-website-service-page main #gotek-editorial-intro+section{
  display:none!important;
}

/* Merge the visible benefit cards into the opening hero instead of a separate white band. */
body.gotek-website-service-page main #gotek-editorial-intro+section+section{
  position:relative!important;
  margin-top:-1px!important;
  padding-top:38px!important;
  padding-bottom:68px!important;
  border-top:0!important;
  background:linear-gradient(180deg,#edf6ff 0%,#f2f8fe 34%,#f8fbff 68%,#fff 100%)!important;
}
body.gotek-website-service-page main #gotek-editorial-intro+section+section::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:110px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(237,246,255,.96),rgba(237,246,255,0));
}
body.gotek-website-service-page main #gotek-editorial-intro+section+section>div[class*="max-w"]{
  position:relative!important;
  z-index:1!important;
}
body.gotek-website-service-page main #gotek-editorial-intro+section+section .group{
  background:rgba(255,255,255,.68)!important;
  box-shadow:0 18px 45px rgba(7,42,91,.055)!important;
  backdrop-filter:blur(8px);
}

/* SaaS-only content grids: preserve the shared chapter rhythm without media. */
body.gotek-saas-service-page .gotek-saas-value-grid-only .gotek-website-value__layout{
  display:block!important;
}
body.gotek-saas-service-page .gotek-saas-value-grid-only .gotek-website-value__grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
  gap:20px!important;
}
body.gotek-saas-service-page .gotek-saas-products-grid .gotek-industry-websites__grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  overflow:visible!important;
}
body.gotek-saas-service-page .gotek-saas-products-showcase .gotek-industry-websites__grid{
  display:grid!important;
  grid-template-columns:repeat(4,280px)!important;
  justify-content:center!important;
  width:min(1180px,100%)!important;
  margin-inline:auto!important;
  gap:20px!important;
  overflow:visible!important;
}
body.gotek-saas-service-page .gotek-saas-products-showcase .gotek-industry-websites__grid article{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(111,137,171,.2)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(17,53,101,.06)!important;
}
body.gotek-saas-service-page .gotek-saas-products-showcase article h3{
  margin:0!important;
  padding:22px 20px 7px!important;
  color:#07172f!important;
  font-size:17px!important;
  line-height:1.35!important;
}
body.gotek-saas-service-page .gotek-saas-products-showcase article>p{
  min-height:84px!important;
  margin:0!important;
  padding:0 20px 18px!important;
  color:#52637d!important;
  font-size:13px!important;
  line-height:1.6!important;
}
body.gotek-saas-service-page .gotek-saas-products-showcase article figure{
  position:relative!important;
  height:320px!important;
  margin:0!important;
  overflow:hidden!important;
  border-top:1px solid rgba(111,137,171,.14)!important;
  background:#f5f9ff!important;
}
body.gotek-saas-service-page .gotek-saas-products-showcase article img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
}
body.gotek-saas-service-page .gotek-saas-products-grid .gotek-industry-websites__grid article{
  display:flex!important;
  align-items:flex-start!important;
  gap:20px!important;
  min-height:170px!important;
  padding:30px!important;
  border:1px solid rgba(111,137,171,.2)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(17,53,101,.06)!important;
}
body.gotek-saas-service-page .gotek-saas-products-grid article>.iconify{
  flex:0 0 auto!important;
  width:50px!important;
  height:50px!important;
  padding:12px!important;
  border-radius:14px!important;
  color:#0563e8!important;
  background:#edf5ff!important;
  box-shadow:0 8px 20px rgba(17,73,151,.1)!important;
}
body.gotek-saas-service-page .gotek-saas-products-grid article h3{
  margin:2px 0 10px!important;
  color:#07172f!important;
  font-size:20px!important;
  line-height:1.3!important;
}
body.gotek-saas-service-page .gotek-saas-products-grid article p{
  margin:0!important;
  color:#52637d!important;
  font-size:15px!important;
  line-height:1.7!important;
}
body.gotek-saas-service-page .gotek-saas-centered-tech-copy{
  width:min(760px,100%)!important;
  margin-inline:auto!important;
  text-align:center!important;
}
body.gotek-saas-service-page .gotek-saas-plain-kicker{
  width:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* SaaS page rhythm: neutral chapters, explicit separators and natural wraps. */
body.gotek-saas-service-page main section:not(.contact-chapter):not(.gotek-saas-opening-benefits){
  border-top:1px solid #d9e0e9!important;
  background:#fff!important;
}
body.gotek-saas-service-page main section:not(.contact-chapter):nth-of-type(even){
  background:#f7f8fa!important;
}
body.gotek-saas-service-page main .gotek-editorial-intro{
  background:
    linear-gradient(180deg,rgba(248,250,252,.02) 58%,rgba(241,244,248,.22) 100%),
    linear-gradient(90deg,#fcfcfd 0%,rgba(250,251,252,.98) 34%,rgba(245,247,250,.88) 48%,rgba(238,243,248,.28) 66%,rgba(255,255,255,0) 78%)!important;
}
body.gotek-saas-service-page main #gotek-editorial-intro+section+section{
  border-top:0!important;
  background:linear-gradient(180deg,#f5f7fa 0%,#fafbfc 54%,#fff 100%)!important;
}
body.gotek-saas-service-page main :is(h1,h2,h3){
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:balance;
}
body.gotek-saas-service-page main :is(p,li,figcaption){
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-wrap:pretty;
}
body.gotek-saas-service-page .gotek-saas-explainer{
  position:relative;
  padding:52px 0!important;
  border-top:1px solid #d9e0e9!important;
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)!important;
  overflow:hidden;
}
body.gotek-website-service-page.gotek-saas-service-page main #gotek-saas-explainer{
  padding-top:52px!important;
  padding-bottom:52px!important;
}
body.gotek-saas-service-page .gotek-saas-explainer:before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:100%;
  height:1px;
  transform:translateX(-50%);
  background:#d9e3f0;
}
.gotek-saas-explainer__shell{
  width:min(1180px,calc(100% - 48px));
  margin-inline:auto;
}
.gotek-saas-explainer header{
  display:block;
  max-width:820px;
  margin:0 auto 32px;
  text-align:center;
}
.gotek-saas-explainer header>p{
  margin:0 0 12px!important;
  color:#0563e8!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.15em!important;
  text-align:center!important;
}
.gotek-saas-explainer h2{
  margin:0 0 12px!important;
  color:#07172f!important;
  font-size:clamp(27px,3vw,36px)!important;
  line-height:1.2!important;
}
.gotek-saas-explainer header>div{
  color:#52637d;
  font-size:15px;
  line-height:1.65;
  text-align:center!important;
}
.gotek-saas-explainer__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.gotek-saas-explainer__grid article{
  position:relative;
  min-height:196px;
  padding:28px 30px;
  border:1px solid #dbe5f1;
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 38px rgba(38,73,119,.07);
}
.gotek-saas-explainer__card-heading{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:16px;
  margin-bottom:14px;
}
.gotek-saas-explainer__card-heading>span{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:13px;
  color:#0563e8;
  background:#e9f3ff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
}
.gotek-saas-explainer__card-heading small{
  display:block;
  margin-bottom:4px;
  color:#6c7d96;
  font-size:10px;
  font-weight:700;
  letter-spacing:.11em;
}
.gotek-saas-explainer__card-heading h3{margin:0!important}
.gotek-saas-explainer__card-heading+p{margin-left:58px!important}
.gotek-saas-explainer__card--product .gotek-saas-explainer__card-heading>span{color:#fff;background:#0563e8;box-shadow:0 8px 20px rgba(5,99,232,.2)}
.gotek-saas-explainer__card--product .gotek-saas-explainer__card-heading small{color:#0563e8}
.gotek-saas-explainer__card--product{
  color:#07172f;
  border-color:#b8d7ff!important;
  background:linear-gradient(145deg,#fff 0%,#f0f7ff 100%)!important;
  box-shadow:0 18px 42px rgba(5,99,232,.1)!important;
}
.gotek-saas-explainer__card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:34px;
}
.gotek-saas-explainer__card-top span{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:13px;
  color:#0563e8;
  background:#e9f3ff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
}
.gotek-saas-explainer__card-top small{
  color:#6c7d96;
  font-size:10px;
  font-weight:700;
  letter-spacing:.13em;
}
.gotek-saas-explainer__card--product .gotek-saas-explainer__card-top span{color:#fff;background:#0563e8;box-shadow:0 8px 20px rgba(5,99,232,.2)}
.gotek-saas-explainer__card--product .gotek-saas-explainer__card-top small{color:#0563e8}
.gotek-saas-explainer__grid h3{
  margin:0 0 12px!important;
  color:#07172f!important;
  font-size:19px!important;
  line-height:1.35!important;
}
.gotek-saas-explainer__card--product h3{color:#07172f!important}
.gotek-saas-explainer__grid p{
  margin:0!important;
  color:#52637d!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.gotek-saas-explainer__card--product p{color:#52637d!important}
.gotek-saas-explainer__grid article>b{
  position:absolute;
  right:28px;
  bottom:28px;
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border:1px solid #c7d2e2;
  border-radius:11px;
  color:#0563e8;
  font-size:18px;
  font-weight:500;
}
.gotek-saas-explainer__card--product>b{border-color:#a9cdf8;color:#0563e8;background:#fff}
.gotek-saas-explainer__summary{
  display:grid;
  grid-template-columns:230px 1fr;
  align-items:center;
  gap:28px;
  margin:20px 0 0!important;
  padding:20px 28px;
  border:1px solid #dbe5f1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 30px rgba(38,73,119,.05);
}
.gotek-saas-explainer__summary span{
  color:#0563e8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.gotek-saas-explainer__summary p{
  margin:0!important;
  color:#18345d!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.6!important;
}
@media(max-width:680px){
  .gotek-saas-explainer__shell{width:min(100% - 32px,1180px)}
  .gotek-saas-explainer__grid{grid-template-columns:1fr}
  body.gotek-saas-service-page .gotek-saas-explainer{padding:42px 0!important}
  body.gotek-website-service-page.gotek-saas-service-page main #gotek-saas-explainer{padding-top:42px!important;padding-bottom:42px!important}
  .gotek-saas-explainer header{display:block;margin-bottom:26px}
  .gotek-saas-explainer header>p{margin:0 0 12px!important}
  .gotek-saas-explainer header>div{margin-top:12px}
  .gotek-saas-explainer__grid article{min-height:0;padding:24px}
  .gotek-saas-explainer__card-heading+p{margin-left:0!important}
  .gotek-saas-explainer__card-top{margin-bottom:24px}
  .gotek-saas-explainer__summary{grid-template-columns:1fr;gap:8px;padding:18px 20px}
}
@media(min-width:681px) and (max-width:960px){
  .gotek-saas-explainer header{max-width:720px}
}

@media(max-width:900px){
  body.gotek-saas-service-page .gotek-saas-value-grid-only .gotek-website-value__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.gotek-saas-service-page .gotek-saas-products-showcase .gotek-industry-websites__grid{grid-template-columns:repeat(2,minmax(0,280px))!important}
}
@media(max-width:680px){
  body.gotek-saas-service-page .gotek-saas-value-grid-only .gotek-website-value__grid,
  body.gotek-saas-service-page .gotek-saas-products-grid .gotek-industry-websites__grid,
  body.gotek-saas-service-page .gotek-saas-products-showcase .gotek-industry-websites__grid{grid-template-columns:1fr!important}
  body.gotek-saas-service-page .gotek-saas-products-grid .gotek-industry-websites__grid article{min-height:0!important;padding:24px!important}
  body.gotek-saas-service-page .gotek-saas-products-showcase article figure{height:340px!important}
}
@media(max-width:760px){
  body.gotek-website-service-page main #gotek-editorial-intro+section+section{
    padding-top:30px!important;
    padding-bottom:48px!important;
  }
}

/* Editorial opening chapter placed before the imported service hero. */
.gotek-website-service-page main .gotek-editorial-intro{
  position:relative;
  padding:112px 0 44px;
  overflow:hidden;
  color:#07172f;
  background:linear-gradient(135deg,#f7f5f1 0%,#f8fbff 48%,#eef7fc 100%);
}
.gotek-website-service-page main .gotek-editorial-intro__shell{
  width:min(1480px,calc(100% - 64px));
  min-height:560px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);
  overflow:hidden;
  border-radius:28px;
  background:#fff;
  box-shadow:0 24px 70px rgba(7,23,47,.08);
}
.gotek-website-service-page main .gotek-editorial-intro__copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:clamp(54px,6vw,92px);
  background:linear-gradient(125deg,#fff 0%,#fbfaf7 72%,#f5f8fc 100%);
}
.gotek-website-service-page main .gotek-editorial-intro__copy>p{
  margin:0 0 16px!important;
  color:#0057e1!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.5!important;
  letter-spacing:.18em;
}
.gotek-website-service-page main .gotek-editorial-intro h2{
  max-width:620px;
  margin:0 0 24px;
  color:#07172f!important;
  font-size:clamp(38px,4.2vw,62px)!important;
  font-weight:600!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
}
.gotek-website-service-page main .gotek-editorial-intro h2 strong{
  color:#0057e1!important;
  font-weight:700!important;
}
.gotek-website-service-page main .gotek-editorial-intro__copy>div{
  max-width:650px;
  color:#40516b;
  font-size:15px;
  line-height:1.75;
}
.gotek-website-service-page main .gotek-editorial-intro__copy>div strong{color:#0057e1!important;font-weight:700!important}
.gotek-website-service-page main .gotek-editorial-intro__copy>a{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  margin-top:30px;
  padding:0 22px;
  border-radius:999px;
  color:#fff!important;
  background:#0057e1;
  font-size:13px;
  font-weight:700;
  box-shadow:0 10px 26px rgba(0,87,225,.22);
  transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.gotek-website-service-page main .gotek-editorial-intro__copy>a:hover{transform:translateY(-2px);background:#0048bd;box-shadow:0 14px 32px rgba(0,72,189,.27)}
.gotek-website-service-page main .gotek-editorial-intro figure{position:relative;min-height:560px;margin:0;overflow:hidden;background:#eaf1f7}
.gotek-website-service-page main .gotek-editorial-intro figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent 22%);pointer-events:none}
.gotek-website-service-page main .gotek-editorial-intro img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
@media(max-width:980px){
  .gotek-website-service-page main .gotek-editorial-intro{padding-top:96px}
  .gotek-website-service-page main .gotek-editorial-intro__shell{width:calc(100% - 40px);grid-template-columns:1fr 1fr;min-height:500px}
  .gotek-website-service-page main .gotek-editorial-intro__copy{padding:48px 38px}
  .gotek-website-service-page main .gotek-editorial-intro figure{min-height:500px}
}
@media(max-width:720px){
  .gotek-website-service-page main .gotek-editorial-intro{padding:84px 0 28px}
  .gotek-website-service-page main .gotek-editorial-intro__shell{width:calc(100% - 28px);grid-template-columns:1fr;border-radius:22px}
  .gotek-website-service-page main .gotek-editorial-intro__copy{padding:38px 24px 34px}
  .gotek-website-service-page main .gotek-editorial-intro h2{font-size:clamp(34px,9vw,44px)!important}
  .gotek-website-service-page main .gotek-editorial-intro__copy>div{font-size:14px}
  .gotek-website-service-page main .gotek-editorial-intro figure{min-height:330px;aspect-ratio:4/3}
}

/* Match the opening composition used by /gioi-thieu; imagery and copy remain service-specific. */
.gotek-website-service-page main .gotek-editorial-intro.about-hero{
  height:600px!important;
  min-height:600px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f6f3ee!important;
}
.gotek-website-service-page main .gotek-editorial-intro .about-hero__grid{height:100%!important;min-height:0!important}
.gotek-website-service-page main .gotek-editorial-intro .about-hero__copy{z-index:3}
.gotek-website-service-page main .gotek-editorial-intro .about-hero__copy h2{
  max-width:680px;
  margin:0 0 22px;
  color:#07172f!important;
  font-size:clamp(40px,3.8vw,58px)!important;
  font-weight:600!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
.gotek-website-service-page main .gotek-editorial-intro .about-hero__copy h2 strong{color:#0057e1!important;font-weight:700!important}
.gotek-website-service-page main .gotek-editorial-intro .about-hero__copy>p:not(.about-kicker){max-width:650px;font-size:15px!important;line-height:1.72!important}
.gotek-website-service-page main .gotek-editorial-intro .about-hero__copy>p strong{color:#0057e1!important;font-weight:700!important}
.gotek-website-service-page main .gotek-editorial-intro figure{min-height:0!important;aspect-ratio:auto!important}
.gotek-website-service-page main .gotek-editorial-intro figure::after{display:none!important}
.gotek-website-service-page main .gotek-editorial-intro .about-hero__image{object-position:center center!important}
@media(max-width:900px){
  .gotek-website-service-page main .gotek-editorial-intro.about-hero{height:auto!important;min-height:0!important;padding:0!important}
  .gotek-website-service-page main .gotek-editorial-intro .about-hero__grid{min-height:0!important}
  .gotek-website-service-page main .gotek-editorial-intro .about-hero__copy h2{font-size:clamp(38px,6vw,50px)!important}
}
@media(max-width:700px){
  .gotek-website-service-page main .gotek-editorial-intro.about-hero{padding:0!important}
  .gotek-website-service-page main .gotek-editorial-intro .about-hero__copy h2{font-size:clamp(34px,9.5vw,42px)!important}
  .gotek-website-service-page main .gotek-editorial-intro .about-hero__copy>p:not(.about-kicker){font-size:14px!important}
  .gotek-website-service-page main .gotek-editorial-intro figure{min-height:280px!important;aspect-ratio:4/3!important}
}

/* Self-contained opening hero for the website-design landing page. */
body.gotek-website-service-page main #gotek-editorial-intro{
  position:relative!important;
  isolation:isolate;
  width:100%!important;
  height:600px!important;
  min-height:600px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-bottom:0!important;
  color:#07172f!important;
  background:#edf6ff!important;
}
body.gotek-website-service-page main #gotek-editorial-intro::after{
  content:"";
  position:absolute;
  z-index:2;
  right:0;
  bottom:-1px;
  left:0;
  height:130px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(237,246,255,0) 0%,rgba(237,246,255,.72) 62%,#edf6ff 100%);
}
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__grid{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__media{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#edf6ff!important;
}
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__media::after{
  display:none!important;
  content:none!important;
}
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(.88) contrast(.98) brightness(1.025);
}
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__wash{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(235,246,255,.02) 58%,rgba(220,237,255,.20) 100%),
    linear-gradient(90deg,rgba(251,252,253,.99) 0%,rgba(250,251,252,.97) 31%,rgba(243,248,252,.90) 41%,rgba(229,242,252,.46) 54%,rgba(217,237,252,.08) 70%);
}
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy{
  position:absolute!important;
  top:56%!important;
  left:max(48px,calc((100% - 1480px)/2))!important;
  z-index:3!important;
  display:block!important;
  width:min(650px,44vw)!important;
  max-width:650px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  color:#07172f!important;
  text-align:left!important;
}
body.gotek-website-service-page main #gotek-editorial-intro .about-kicker{
  display:block!important;
  width:auto!important;
  margin:0 0 17px!important;
  color:#0057e1!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.5!important;
  letter-spacing:.16em!important;
  text-align:left!important;
}
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy h2{
  max-width:650px!important;
  margin:0 0 22px!important;
  color:#07172f!important;
  font-size:clamp(42px,3.2vw,54px)!important;
  font-weight:600!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  text-align:left!important;
}
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy h2 strong{
  color:#0057e1!important;
  font-weight:700!important;
}
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy>p:not(.about-kicker){
  max-width:585px!important;
  margin:0!important;
  color:#40516b!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.72!important;
  text-align:left!important;
}
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy>p strong{
  color:#0057e1!important;
  font-weight:700!important;
}
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__actions{
  display:flex!important;
  align-items:center!important;
  margin:28px 0 0!important;
  padding:0!important;
}
body.gotek-website-service-page main #gotek-editorial-intro .about-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:999px!important;
  color:#fff!important;
  background:#0057e1!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(0,87,225,.20)!important;
  transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease!important;
}
body.gotek-website-service-page main #gotek-editorial-intro .about-button:hover{
  color:#fff!important;
  background:#0049c4!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 30px rgba(0,73,196,.25)!important;
}

@media(max-width:980px){
  body.gotek-website-service-page main #gotek-editorial-intro{
    height:560px!important;
    min-height:560px!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy{
    top:57%!important;
    left:36px!important;
    width:47vw!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy h2{
    font-size:clamp(37px,5vw,48px)!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__wash{
    background:linear-gradient(90deg,rgba(251,252,253,.99) 0%,rgba(248,251,253,.96) 38%,rgba(229,242,252,.54) 58%,rgba(217,237,252,.12) 78%);
  }
}

@media(max-width:700px){
  body.gotek-website-service-page main #gotek-editorial-intro{
    height:auto!important;
    min-height:0!important;
    background:#f8fbff!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__grid{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__wash{
    inset:0 0 auto!important;
    height:390px!important;
    background:linear-gradient(180deg,#f9fbfe 0%,#f5f9fd 82%,rgba(238,247,255,.88) 100%)!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    order:1!important;
    width:100%!important;
    max-width:none!important;
    padding:112px 22px 34px!important;
    transform:none!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-kicker{
    margin-bottom:13px!important;
    font-size:10px!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy h2{
    max-width:540px!important;
    margin-bottom:17px!important;
    font-size:clamp(34px,9.4vw,43px)!important;
    line-height:1.08!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy>p:not(.about-kicker){
    max-width:580px!important;
    font-size:14px!important;
    line-height:1.65!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__actions{
    margin-top:22px!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__media{
    position:relative!important;
    inset:auto!important;
    order:2!important;
    height:300px!important;
    min-height:300px!important;
    aspect-ratio:auto!important;
    background:#eaf5ff!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__image{
    object-position:69% center!important;
  }
}

/* Keep the two opening chapters on one 3D visual and spatial system. */
body.gotek-website-service-page main #gotek-editorial-intro+section{
  min-height:580px!important;
  padding-top:64px!important;
  padding-bottom:48px!important;
  background:linear-gradient(112deg,#f7fbff 0%,#eff7ff 48%,#e7f5fb 100%)!important;
}
body.gotek-website-service-page main #gotek-editorial-intro+section>div[class*="max-w"]{
  width:min(1480px,calc(100% - 96px))!important;
  max-width:1480px!important;
  padding-inline:0!important;
}
body.gotek-website-service-page main #gotek-editorial-intro+section>div[class*="max-w"]>.grid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  column-gap:clamp(76px,5vw,104px)!important;
  align-items:center!important;
}
body.gotek-website-service-page main #gotek-editorial-intro+section h1{
  max-width:650px!important;
  font-size:clamp(42px,3.05vw,52px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}
body.gotek-website-service-page main #gotek-editorial-intro+section .gotek-hero-art{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:440px!important;
  aspect-ratio:1.52/1!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  filter:drop-shadow(0 28px 38px rgba(4,31,75,.14)) saturate(.96)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

@media(max-width:1100px){
  body.gotek-website-service-page main #gotek-editorial-intro+section{
    min-height:0!important;
    padding-top:56px!important;
    padding-bottom:52px!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro+section>div[class*="max-w"]{
    width:calc(100% - 48px)!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro+section>div[class*="max-w"]>.grid{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
    gap:34px!important;
  }
}

@media(max-width:760px){
  body.gotek-website-service-page main #gotek-editorial-intro+section{
    padding-top:44px!important;
    padding-bottom:48px!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro+section>div[class*="max-w"]{
    width:calc(100% - 36px)!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro+section>div[class*="max-w"]>.grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro+section h1{
    font-size:clamp(34px,9vw,42px)!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro+section .gotek-hero-art{
    max-height:none!important;
    aspect-ratio:4/3!important;
    object-position:center!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}

/* Final typography alignment overrides for the website-service landing page. */
.gotek-website-service-page main :is(.gotek-website-value,.gotek-web-principles,.gotek-industry-websites) header { text-align:center!important; }
.gotek-website-service-page main :is(.gotek-website-value,.gotek-web-principles) h2 { max-width:900px!important; margin-inline:auto!important; font-size:clamp(28px,2.15vw,34px)!important; line-height:1.18!important; text-transform:none!important; }
.gotek-website-service-page main .gotek-industry-websites__header h2 { font-size:clamp(25px,1.9vw,30px)!important; line-height:1.22!important; text-transform:none!important; }
.gotek-website-service-page main .gotek-web-principles__grid h3 { font-size:17px!important; text-transform:none!important; }
.gotek-website-service-page main :is(.gotek-website-value header>p,.gotek-industry-websites__header>div,.gotek-centered-copy) { max-width:980px!important; margin-right:auto!important; margin-left:auto!important; color:#53647d!important; font-size:14px!important; line-height:1.7!important; text-align:center!important; }
.gotek-website-service-page main :is(.gotek-web-principles header>p,.gotek-industry-websites__header>p) { text-transform:none!important; }

/* Final hosting synchronization: placed last so imported service rules cannot override it. */
body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2){
  padding-top:38px!important;
  padding-bottom:64px!important;
  background:#e9f3fd!important;
}
@media(min-width:1024px){
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type{min-height:572px!important}
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid{min-height:500px!important}
}
@media(min-width:1280px){
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid>div:first-child{width:760px!important}
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type h1{
    width:760px!important;
    max-width:760px!important;
    white-space:nowrap!important;
  }
}

/* One continuous opening surface: hero artwork fades into the proof-card field. */
body.gotek-hosting-service-page main > div:first-child > section:first-of-type,
body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2){background:#e9f3fd!important}
body.gotek-hosting-service-page main .gotek-hosting-opening-benefits{
  display:block!important;
  margin-top:-1px!important;
  padding-top:38px!important;
  padding-bottom:68px!important;
  border-top:0!important;
  background:linear-gradient(180deg,#edf6ff 0%,#f2f8fe 38%,#f8fbff 72%,#fff 100%)!important;
  box-shadow:0 -2px 0 #edf6ff!important;
}
body.gotek-hosting-service-page main .gotek-hosting-opening-benefits>div[class*="max-w"]{
  position:relative!important;
  z-index:1!important;
}
body.gotek-hosting-service-page main .gotek-hosting-opening-benefits .group{
  background:rgba(255,255,255,.7)!important;
  box-shadow:0 18px 45px rgba(7,42,91,.055)!important;
  backdrop-filter:blur(8px);
}
body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div.absolute.bottom-0{
  height:24%!important;
  background:linear-gradient(to top,#e9f3fd 0%,rgba(233,243,253,.9) 32%,rgba(233,243,253,0) 100%)!important;
}
body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2){
  margin-top:-1px!important;
  border-top:0!important;
  box-shadow:0 -2px 0 #e9f3fd!important;
}
@media(min-width:1024px){
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid>div:last-child::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(90deg,#e9f3fd 0%,#e9f3fd 39%,rgba(233,243,253,.96) 48%,rgba(233,243,253,.62) 57%,rgba(233,243,253,0) 70%);
  }
}

/* Match the Web Design opening rhythm above and below the proof cards. */
body.gotek-hosting-service-page main > div:first-child > section:first-of-type .gotek-static-bg{background:none!important}
body.gotek-hosting-service-page main > div:first-child > section:first-of-type .gotek-static-bg::before,
body.gotek-hosting-service-page main > div:first-child > section:first-of-type .gotek-static-bg::after{display:none!important}
body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2) .group{padding:28px!important}
body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2) .group>img{
  width:72px!important;
  height:72px!important;
  margin-bottom:14px!important;
}
body.gotek-hosting-service-page main #pricing>section{padding-top:62px!important}
@media(max-width:760px){
  body.gotek-hosting-service-page main .gotek-hosting-opening-benefits{
    padding-top:26px!important;
    padding-bottom:48px!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2) .group{padding:24px!important}
  body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2) .group>img{width:68px!important;height:68px!important}
}

/* Exact desktop measurements copied from /dich-vu/thiet-ke-website/. */
@media(min-width:1024px){
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type,
  body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2){background:#edf6ff!important}
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid>div:first-child{
    width:569px!important;
    padding-top:83px!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid>div:first-child>div:first-child{
    width:569px!important;
    height:18px!important;
    margin-bottom:17px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid>div:first-child>div:first-child svg{display:none!important}
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div[class*="max-w"]>.grid>div:first-child>div:first-child span{
    font-size:12px!important;
    line-height:18px!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type h1{
    width:569px!important;
    max-width:569px!important;
    margin-bottom:22px!important;
    font-size:42px!important;
    line-height:1.06!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type p{
    width:569px!important;
    max-width:569px!important;
    min-height:77px!important;
    margin-bottom:29px!important;
    font-size:15px!important;
    line-height:1.72!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type a[href*="#services"]{
    width:auto!important;
    height:48px!important;
    padding:0 22px!important;
    border-radius:999px!important;
    font-size:12px!important;
    line-height:12px!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2){padding:38px 0 68px!important}
  body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2) .group{
    padding:30px 28px!important;
    background:rgba(255,255,255,.68)!important;
    text-align:center!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2) .group>img{
    width:56px!important;
    height:56px!important;
    margin:0 auto 20px!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2) .group h3{
    margin-bottom:10px!important;
    font-size:18px!important;
    line-height:1.35!important;
    text-align:center!important;
  }
body.gotek-hosting-service-page main > div:first-child > section:nth-of-type(2) .group p{
    font-size:13px!important;
    line-height:1.65!important;
    text-align:center!important;
  }
  body.gotek-hosting-service-page main > div:first-child > section:first-of-type>div.absolute.bottom-0{
    background:linear-gradient(to top,#edf6ff 0%,rgba(237,246,255,.9) 32%,rgba(237,246,255,0) 100%)!important;
  }
}

/* Hosting reuses the approved website-design hero component. Its shorter
 * paragraph keeps the same three-line rhythm as the reference composition. */
@media (min-width:1024px){
  body.gotek-hosting-service-page main #gotek-editorial-intro .about-hero__copy>p:not(.about-kicker){
    max-width:500px!important;
  }
}

body.gotek-hosting-service-page main .gotek-hosting-tech-section .gotek-hosting-tech-intro{
  max-width:820px!important;
  margin-right:auto!important;
  margin-left:auto!important;
  text-align:center!important;
}

/* Hosting labels use plain typography without capsule backgrounds. */
body.gotek-hosting-service-page main .gotek-hosting-tech-section .inline-flex.rounded-full,
body.gotek-hosting-service-page main .gotek-infrastructure-reliability span.inline-block.rounded-full{
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.gotek-hosting-service-page main .gotek-infrastructure-hover-card{
  color:#fff!important;
  background:#075de0!important;
  border:1px solid #075de0!important;
  box-shadow:0 18px 42px rgba(0,87,225,.2)!important;
  transition:color .28s ease,background-color .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease!important;
  text-align:center!important;
}
body.gotek-hosting-service-page main .gotek-infrastructure-hover-card>div{margin-right:auto!important;margin-left:auto!important}
body.gotek-hosting-service-page main .gotek-infrastructure-hover-card :is(h3,h4,p){text-align:center!important}
body.gotek-hosting-service-page main .gotek-infrastructure-hover-card :is(h3,h4,p,span,div,svg){
  color:inherit!important;
}
body.gotek-hosting-service-page main .gotek-infrastructure-hover-card [class*="bg-white"]{background:rgba(255,255,255,.14)!important}
body.gotek-hosting-service-page main .gotek-infrastructure-hover-card:hover{
  color:#fff!important;
  background:#075de0!important;
  border-color:#075de0!important;
  box-shadow:0 22px 48px rgba(0,87,225,.24)!important;
  transform:translateY(-4px)!important;
}
body.gotek-hosting-service-page main .gotek-infrastructure-hover-card:hover [class*="bg-blue"]{
  background:rgba(255,255,255,.14)!important;
}
body.gotek-hosting-service-page main .gotek-infrastructure-faq h2 span{
  color:#075de0!important;
}

body.gotek-hosting-service-page main .gotek-cloud-products{
  padding:84px 0 76px!important;
  background:#fff!important;
}
body.gotek-hosting-service-page main .gotek-cloud-products__shell{
  width:min(1169px,calc(100% - 96px));
  margin:0 auto;
}
body.gotek-hosting-service-page main .gotek-cloud-products__header{
  max-width:850px;
  margin:0 auto 40px;
  text-align:center;
}
body.gotek-hosting-service-page main .gotek-cloud-products__header>p{
  display:block!important;
  width:100%!important;
  margin:0 0 12px;
  color:#075de0;
  font-size:12px;
  font-weight:700;
  letter-spacing:.15em;
  text-align:center!important;
}
body.gotek-hosting-service-page main .gotek-cloud-products__header h2{
  margin:0 0 18px!important;
  color:#07172f!important;
  font-size:clamp(32px,3vw,46px)!important;
  font-weight:650!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
}
body.gotek-hosting-service-page main .gotek-cloud-products__header h2 strong{color:#075de0}
body.gotek-hosting-service-page main .gotek-cloud-products__header>div{
  color:#53647d;
  font-size:15px;
  line-height:1.75;
}
body.gotek-hosting-service-page main .gotek-cloud-products__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
body.gotek-hosting-service-page main .gotek-cloud-product-3d{
  display:block;
  width:112px;
  height:112px;
  margin:0 auto 18px;
  object-fit:contain;
  filter:drop-shadow(0 14px 18px rgba(12,69,145,.14));
  transition:transform .32s ease;
}
body.gotek-hosting-service-page main .gotek-cloud-products__grid article:hover .gotek-cloud-product-3d{transform:translateY(-5px) scale(1.04)}
body.gotek-hosting-service-page main .gotek-cloud-products__grid article{
  min-height:230px;
  padding:28px 26px;
  border:1px solid #dbe5f1;
  border-radius:24px;
  background:#f8fbff;
  transition:transform .25s ease,border-color .25s ease,background-color .25s ease,box-shadow .25s ease;
}
body.gotek-hosting-service-page main .gotek-cloud-products__grid article:hover{
  transform:translateY(-6px);
  border-color:#a8c8f5;
  background:#fff;
  box-shadow:0 20px 44px rgba(15,51,96,.12);
}
body.gotek-hosting-service-page main .gotek-cloud-products__grid .iconify{
  width:38px;
  height:38px;
  margin-bottom:24px;
  color:#075de0;
}
body.gotek-hosting-service-page main .gotek-cloud-products__grid h3{
  margin:0 0 10px!important;
  color:#07172f!important;
  font-size:18px!important;
  line-height:1.35!important;
}
body.gotek-hosting-service-page main .gotek-cloud-products__grid p{
  margin:0!important;
  color:#5a6b83!important;
  font-size:13px!important;
  line-height:1.7!important;
}
body.gotek-hosting-service-page main .gotek-cloud-products__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:24px;
  padding:22px 26px;
  border-radius:20px;
  color:#07172f;
  border:1px solid #cfe0f4;
  background:linear-gradient(110deg,#f8fbff,#eaf4ff);
}
body.gotek-hosting-service-page main .gotek-cloud-products__footer p{margin:0!important;font-weight:600}
body.gotek-hosting-service-page main .gotek-cloud-products__footer a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;color:#fff!important;background:#075de0;font-weight:700;text-decoration:none;box-shadow:0 10px 24px rgba(0,87,225,.18)}
body.gotek-hosting-service-page main .gotek-cloud-products__footer a span{display:none!important}
@media(max-width:980px){
  body.gotek-hosting-service-page main .gotek-cloud-products__shell{width:calc(100% - 48px)}
  body.gotek-hosting-service-page main .gotek-cloud-products__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  body.gotek-hosting-service-page main .gotek-cloud-products{padding:60px 0!important}
  body.gotek-hosting-service-page main .gotek-cloud-products__shell{width:calc(100% - 32px)}
  body.gotek-hosting-service-page main .gotek-cloud-products__grid{grid-template-columns:1fr}
  body.gotek-hosting-service-page main .gotek-cloud-products__grid article{min-height:0}
  body.gotek-hosting-service-page main .gotek-cloud-products__footer{align-items:flex-start;flex-direction:column}
}
body.gotek-hosting-service-page main .gotek-faq-support-card>[class*="absolute"]{display:none!important}
body.gotek-hosting-service-page main .gotek-infrastructure-faq button{pointer-events:auto!important;cursor:pointer!important}
body.gotek-hosting-service-page main .gotek-infrastructure-faq .gotek-faq-support-card a{
  color:#fff!important;
  background:#1473f3!important;
  box-shadow:0 10px 24px rgba(20,115,243,.2)!important;
}

/* Keep the shared ecosystem component readable inside this service page. */
body.gotek-hosting-service-page #service-ecosystem .ecosystem-intro{
  display:block!important;
  width:min(1280px,calc(100% - 64px))!important;
  margin:0 auto 42px!important;
  text-align:center!important;
}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-intro h2{
  max-width:760px!important;
  margin:0 auto 14px!important;
  line-height:1.12!important;
}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-intro h2 .gt-line{display:block!important}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-intro>p{
  max-width:820px!important;
  margin:0 auto!important;
  text-align:center!important;
}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-system-layout{
  display:grid!important;
  width:min(1280px,calc(100% - 64px))!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  margin-inline:auto!important;
  padding:0!important;
  overflow:hidden!important;
}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-master{
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  align-content:start!important;
  text-align:center!important;
  border-right:1px solid rgba(4,9,31,.16)!important;
}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-unit-list{border-left:0!important}
body.gotek-hosting-service-page #service-ecosystem :is(.ecosystem-master,.ecosystem-unit-list,.ecosystem-unit,.ecosystem-unit-copy){min-width:0!important}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-master{overflow:hidden!important;padding:28px 24px!important}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-master-logo{width:min(100%,190px)!important;margin-inline:auto!important}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-master-logo img{display:block!important;width:100%!important;max-width:190px!important;height:auto!important;object-fit:contain!important}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-master>div{min-width:0!important}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-master :is(span,strong,p){max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-unit{
  grid-template-columns:150px minmax(0,1fr) 20px!important;
  gap:24px!important;
  padding:18px 26px!important;
}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-unit-logo{width:150px!important}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-unit-copy p{overflow-wrap:anywhere!important}

/* Hosting typography and spacing pass: compact, readable and consistently branded. */
body.gotek-hosting-service-page,
body.gotek-hosting-service-page :is(button,input,textarea,select){
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
body.gotek-hosting-service-page main :is(h1,h2,h3,h4,p,a,span,strong,button){
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
body.gotek-hosting-service-page main section:not(#gotek-editorial-intro) h2{
  font-size:clamp(30px,3vw,44px)!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
}
body.gotek-hosting-service-page main section:not(#gotek-editorial-intro) h3,
body.gotek-hosting-service-page main section:not(#gotek-editorial-intro) h4{
  font-size:clamp(18px,1.6vw,22px)!important;
  line-height:1.35!important;
  letter-spacing:-.02em!important;
}
body.gotek-hosting-service-page main :is(.gotek-infrastructure-reliability,.gotek-infrastructure-capability){
  padding-top:64px!important;
  padding-bottom:64px!important;
}
body.gotek-hosting-service-page main :is(.gotek-infrastructure-reliability,.gotek-infrastructure-capability)>div>div:first-child{
  margin-bottom:36px!important;
}
body.gotek-hosting-service-page main :is(.gotek-infrastructure-reliability,.gotek-infrastructure-capability) h2{
  max-width:900px!important;
  margin:0 auto!important;
  text-wrap:pretty!important;
}
body.gotek-hosting-service-page main :is(.gotek-infrastructure-reliability,.gotek-infrastructure-capability) h2>span{
  display:block!important;
  margin-top:.22em!important;
  color:#075de0!important;
}
body.gotek-hosting-service-page main :is(.gotek-infrastructure-reliability,.gotek-infrastructure-capability) h2+p{
  max-width:760px!important;
  margin-right:auto!important;
  margin-left:auto!important;
  font-size:16px!important;
  line-height:1.75!important;
}
body.gotek-hosting-service-page #service-ecosystem{
  padding-top:64px!important;
  padding-bottom:64px!important;
}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-intro{margin-bottom:28px!important}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-intro h2{font-size:clamp(30px,3vw,42px)!important}
body.gotek-hosting-service-page #service-ecosystem .ecosystem-unit-copy p,
body.gotek-hosting-service-page #service-ecosystem .ecosystem-master p{font-size:14px!important;line-height:1.65!important}

/* Match the more compact, centered ecosystem proportion used by BuildWeb. */
@media(min-width:821px){
  body.gotek-hosting-service-page #service-ecosystem{
    padding-top:48px!important;
    padding-bottom:52px!important;
  }
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-intro,
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-system-layout{
    width:min(1456px,78vw)!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-intro{
    margin-bottom:22px!important;
  }
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-intro h2{
    max-width:650px!important;
    font-size:clamp(28px,2.45vw,36px)!important;
  }
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-intro>p{
    max-width:720px!important;
    font-size:12.5px!important;
    line-height:1.6!important;
  }
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-system-layout{
    grid-template-columns:25% minmax(0,1fr)!important;
  }
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-master{
    padding:22px 20px!important;
  }
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-master-logo{
    width:min(100%,150px)!important;
  }
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-master-logo img{
    max-width:150px!important;
  }
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-unit{
    grid-template-columns:115px minmax(0,1fr) 18px!important;
    gap:18px!important;
    min-height:102px!important;
    padding:14px 22px!important;
  }
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-unit-logo{
    width:115px!important;
  }
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-unit-copy p,
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-master p{
    font-size:11.5px!important;
    line-height:1.58!important;
  }
}

/* A quiet rule separates each major chapter without adding empty space. */
body.gotek-hosting-service-page main>section:not(:first-child),
body.gotek-hosting-service-page main>div>section+section,
body.gotek-hosting-service-page main>#pricing>section,
body.gotek-hosting-service-page #service-ecosystem{
  border-top:1px solid rgba(10,26,79,.12)!important;
}

/* Keep only the shared homepage ChatGotek widget. */
body.gotek-hosting-service-page [class*="jsx-ecdbad8e63956a14"][class*="fixed"][class*="bottom-4"]{
  display:none!important;
}

/* Decorative watermarks keep a dedicated zone and never sit behind copy. */
body.gotek-hosting-service-page .gotek-infrastructure-capability div:has(>div.absolute.top-0.right-0){
  isolation:isolate!important;
}
body.gotek-hosting-service-page .gotek-infrastructure-capability div:has(>div.absolute.top-0.right-0)>div.absolute.top-0.right-0{
  top:18px!important;
  right:14px!important;
  width:78px!important;
  height:78px!important;
  padding:0!important;
  opacity:.045!important;
  transform:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:0!important;
}
body.gotek-hosting-service-page .gotek-infrastructure-capability div:has(>div.absolute.top-0.right-0)>div.absolute.top-0.right-0 svg{
  width:78px!important;
  height:78px!important;
}
body.gotek-hosting-service-page .gotek-infrastructure-capability div:has(>div.absolute.top-0.right-0)>:is(h3,h4,p){
  position:relative!important;
  z-index:2!important;
  max-width:calc(100% - 74px)!important;
}

/* Match the compact white Gotek chat launcher used on the homepage. */
body.gotek-hosting-service-page #chat-gotek-root .chat-gotek{
  right:max(22px,env(safe-area-inset-right))!important;
  bottom:max(22px,env(safe-area-inset-bottom))!important;
}
body.gotek-hosting-service-page #chat-gotek-root .chat-gotek-launcher{
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  gap:0!important;
  padding:6px!important;
  border:1px solid rgba(10,26,79,.12)!important;
  border-radius:50%!important;
  color:#0a1a4f!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(31,54,96,.16)!important;
  backdrop-filter:none!important;
}
body.gotek-hosting-service-page #chat-gotek-root .chat-gotek-launcher:hover{
  transform:translateY(-2px)!important;
  background:#f7faff!important;
  box-shadow:0 16px 34px rgba(31,54,96,.20)!important;
}
body.gotek-hosting-service-page #chat-gotek-root .chat-gotek-launcher-logo{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#f1f5fb!important;
}
body.gotek-hosting-service-page #chat-gotek-root .chat-gotek-launcher-logo img{
  width:27px!important;
  height:auto!important;
}
@media(max-width:620px){
  body.gotek-hosting-service-page main :is(.gotek-infrastructure-reliability,.gotek-infrastructure-capability),
  body.gotek-hosting-service-page #service-ecosystem{padding-top:48px!important;padding-bottom:48px!important}
  body.gotek-hosting-service-page main :is(.gotek-infrastructure-reliability,.gotek-infrastructure-capability)>div>div:first-child{margin-bottom:28px!important}
  body.gotek-hosting-service-page main section:not(#gotek-editorial-intro) h2{font-size:clamp(28px,9vw,36px)!important}
  body.gotek-hosting-service-page #chat-gotek-root .chat-gotek{right:max(14px,env(safe-area-inset-right))!important;bottom:max(14px,env(safe-area-inset-bottom))!important}
}
@media(max-width:900px){
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-system-layout{grid-template-columns:1fr!important}
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-master{border-right:0!important;border-bottom:1px solid rgba(4,9,31,.16)!important}
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-unit-list{border-left:0!important}
}
@media(max-width:620px){
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-intro,
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-system-layout{width:calc(100% - 32px)!important}
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-unit{grid-template-columns:1fr 20px!important;gap:14px!important;padding:20px!important}
  body.gotek-hosting-service-page #service-ecosystem .ecosystem-unit-logo{grid-column:1/-1!important;width:100%!important;justify-content:flex-start!important}
}

/* Whiter surface balance: keep blue as an accent instead of a page-wide tint. */
body.gotek-website-service-page main #gotek-editorial-intro+section {
  background:linear-gradient(112deg,#fff 0%,#fbfdff 48%,#f3f8fc 100%)!important;
}
body.gotek-website-service-page main #gotek-editorial-intro+section+section {
  background:linear-gradient(180deg,#f7fbff 0%,#fff 58%,#fff 100%)!important;
}
.gotek-website-service-page main .gotek-website-value {
  background:linear-gradient(112deg,#fff 0%,#fcfdff 52%,#f7fafc 100%)!important;
}
.gotek-website-service-page main .gotek-web-principles {
  background:#fafbfc!important;
}
.gotek-website-service-page main .gotek-industry-websites {
  background:linear-gradient(115deg,#fff 0%,#f9fbfc 100%)!important;
}
.gotek-website-service-page main .gotek-project-needs {
  background:#fafbfc!important;
}
body.gotek-website-service-page main section.gotek-website-value {
  background:linear-gradient(112deg,#fff 0%,#fcfdff 52%,#f7fafc 100%)!important;
}

/* Ecosystem intro: compact spacing and intentional editorial line breaks. */
body.gotek-website-service-page #service-ecosystem,
body.gotek-website-service-page #service-ecosystem * {
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
body.gotek-website-service-page section#service-ecosystem.gotek-service-ecosystem {
  padding-top:40px!important;
  padding-bottom:44px!important;
}
body.gotek-website-service-page main>section#service-ecosystem.gotek-service-ecosystem {
  padding-top:40px!important;
  padding-bottom:44px!important;
}
body.gotek-website-service-page #service-ecosystem .ecosystem-intro {
  gap:8px!important;
  margin-bottom:16px!important;
  padding-bottom:14px!important;
}
body.gotek-website-service-page #service-ecosystem .ecosystem-intro h2 .gt-line {
  display:block!important;
}
@media(min-width:821px) {
  body.gotek-website-service-page #service-ecosystem .ecosystem-intro>p {
    width:auto!important;
    max-width:none!important;
    white-space:nowrap!important;
  }
}
@media(max-width:820px) {
  body.gotek-website-service-page #service-ecosystem .ecosystem-intro>p {
    white-space:normal!important;
  }
}

/* Final SaaS type scale: one font family and a compact, consistent hierarchy. */
body.gotek-saas-service-page,
body.gotek-saas-service-page *,
body.gotek-saas-service-page *::before,
body.gotek-saas-service-page *::after {
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
body.gotek-saas-service-page main h1 {
  font-size:clamp(34px,3.2vw,40px)!important;
  line-height:1.16!important;
  letter-spacing:-.03em!important;
  text-wrap:balance;
}
body.gotek-website-service-page.gotek-saas-service-page main > div:first-child > section:first-of-type h1 {
  font-size:clamp(34px,3.2vw,40px)!important;
  line-height:1.16!important;
}
body.gotek-saas-service-page main section header>div:not([class]),
body.gotek-saas-service-page .gotek-saas-explainer header>div {
  font-size:14px!important;
  line-height:1.68!important;
}
body.gotek-saas-service-page main section h2,
body.gotek-saas-service-page main .gotek-faq-section h2,
body.gotek-saas-service-page main #service-ecosystem h2 {
  font-size:clamp(27px,2.45vw,35px)!important;
  line-height:1.22!important;
  letter-spacing:-.025em!important;
  text-wrap:balance;
}
body.gotek-saas-service-page main h3 {
  font-size:clamp(16px,1.35vw,18px)!important;
  line-height:1.4!important;
  text-wrap:balance;
}
body.gotek-saas-service-page main :is(p,li,figcaption),
body.gotek-saas-service-page main :is(a,button,summary) {
  font-size:14px!important;
  line-height:1.68!important;
}
body.gotek-saas-service-page :is(header,footer) :is(a,button,li,p,span) {
  font-size:13px;
}
body.gotek-saas-service-page main :is(h1,h2,h3,p,li,figcaption) br {
  display:none!important;
}
@media(max-width:680px) {
  body.gotek-saas-service-page main h1 {font-size:clamp(31px,8.5vw,36px)!important;line-height:1.2!important}
  body.gotek-website-service-page.gotek-saas-service-page main > div:first-child > section:first-of-type h1{font-size:clamp(31px,8.5vw,36px)!important;line-height:1.2!important}
  body.gotek-saas-service-page main section h2,
  body.gotek-saas-service-page main .gotek-faq-section h2,
  body.gotek-saas-service-page main #service-ecosystem h2 {font-size:clamp(25px,7.2vw,31px)!important;line-height:1.26!important}
  body.gotek-saas-service-page main h3 {font-size:16px!important}
  body.gotek-saas-service-page main :is(p,li,figcaption,a,button,summary){font-size:13.5px!important;line-height:1.65!important}
}

/* Final cascade guard for all imported service pages. */
@media(max-width:820px) {
  html body.gotek-website-service-page h2 {
    max-width:22ch!important;
    font-family:"Be Vietnam Pro",system-ui,sans-serif!important;
    font-size:clamp(27px,7.8vw,36px)!important;
    line-height:1.14!important;
    overflow-wrap:anywhere!important;
    text-wrap:balance!important;
  }
  html body.gotek-website-service-page :is(h1,h2,h3) br {display:block!important}
  html body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy h2 {
    font-size:clamp(29px,7.8vw,36px)!important;
    line-height:1.14!important;
  }
}

/* Release typography: slightly smaller, calmer and consistent after upload. */
body.gotek-website-service-page main h1{font-size:clamp(38px,4.25vw,52px)!important;line-height:1.1!important}
body.gotek-website-service-page main h2{font-size:clamp(27px,2.75vw,38px)!important;line-height:1.17!important}
body.gotek-website-service-page main h3,
body.gotek-website-service-page main h4{font-size:clamp(17px,1.45vw,21px)!important;line-height:1.34!important}
body.gotek-website-service-page main section[class*="py-24"]{padding-top:72px!important;padding-bottom:72px!important}
@media(max-width:820px){
  body.gotek-website-service-page main h1{font-size:clamp(30px,8.4vw,35px)!important;line-height:1.13!important}
  body.gotek-website-service-page main h2{font-size:clamp(25px,7.2vw,31px)!important;line-height:1.18!important}
  body.gotek-website-service-page main h3,
  body.gotek-website-service-page main h4{font-size:clamp(16px,4.8vw,20px)!important;line-height:1.34!important}
  body.gotek-website-service-page main :is(p,li,a,button,summary){font-size:13.5px!important;line-height:1.64!important}
  body.gotek-website-service-page main section[class*="py-24"]{padding-top:48px!important;padding-bottom:48px!important}
}

/* Final mobile ecosystem containment; intentionally last in the cascade. */
@media(max-width:820px){
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) #service-ecosystem .ecosystem-unit{grid-template-columns:minmax(0,1fr) 20px!important;grid-template-rows:auto auto!important;align-items:start!important;min-height:0!important;padding:20px!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) #service-ecosystem .ecosystem-unit-logo{grid-column:1/-1!important;grid-row:1!important;display:flex!important;width:100%!important;height:72px!important;min-height:72px!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) #service-ecosystem .ecosystem-unit-logo>img{display:block!important;width:auto!important;max-width:160px!important;height:auto!important;max-height:64px!important;object-fit:contain!important;object-position:left center!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) #service-ecosystem .ecosystem-unit-copy{grid-column:1!important;grid-row:2!important;min-width:0!important}
  body:is(.gotek-hosting-service-page,.gotek-website-service-page,.gotek-saas-service-page) #service-ecosystem .ecosystem-unit>svg{grid-column:2!important;grid-row:2!important;align-self:start!important}
}

/* Hosting FAQ is the Website FAQ component with hosting copy only.  Keep
 * these final rules below every imported hero selector so nested sections can
 * never inherit hero geometry or alignment. */
html body.gotek-hosting-service-page main #hosting-faq{
  min-height:0!important;
  padding:56px 0 60px!important;
  background:#fff!important;
  overflow:visible!important;
}
html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-shell,
html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-layout,
html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-layout aside,
html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-list,
html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-list details,
html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-list summary{
  text-align:left!important;
}
html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-shell>header,
html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-shell>header>*{
  text-align:center!important;
}
html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-shell>header h2{
  font-size:clamp(30px,3vw,38px)!important;
  line-height:1.17!important;
  letter-spacing:-.025em!important;
}
html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-layout aside h3{
  font-size:21px!important;
  line-height:1.34!important;
  letter-spacing:-.035em!important;
}
@media(max-width:820px){
  html body.gotek-hosting-service-page main #hosting-faq{padding:44px 0 48px!important}
  html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-shell>header,
  html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-shell>header>*{text-align:left!important}
  html body.gotek-hosting-service-page main #hosting-faq .gotek-faq-shell>header h2{font-size:clamp(25px,7.2vw,31px)!important;line-height:1.18!important}
}

/* Mobile service experience: editorial hierarchy and progressive disclosure. */
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy h1{
  max-width:760px!important;
  margin:0!important;
  color:#07172f!important;
  font-family:"Be Vietnam Pro",system-ui,sans-serif!important;
  font-size:clamp(40px,5vw,66px)!important;
  font-weight:600!important;
  line-height:1.06!important;
  letter-spacing:-.055em!important;
  text-wrap:balance;
}
body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy h1 strong{color:#0057e1!important;font-weight:700!important}
body.gotek-website-service-page main h2.gotek-former-h1{font-size:clamp(38px,4.25vw,52px)!important;line-height:1.1!important}
.gotek-hosting-products-toggle,.gotek-portfolio-toggle,.gotek-saas-mobile-stages{display:none}

@media(max-width:820px){
  body.gotek-website-service-page main{overflow-x:clip}
  body.gotek-website-service-page main :is(p,li,a,button,summary,figcaption){font-size:14px!important;line-height:1.62!important}
  body.gotek-website-service-page main :is(button,a,summary,input,select,textarea){min-height:44px}
  body.gotek-website-service-page main #gotek-editorial-intro+section{display:none!important}
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy h1{
    max-width:20ch!important;
    font-size:clamp(30px,8.6vw,37px)!important;
    line-height:1.12!important;
    letter-spacing:-.04em!important;
  }
  body.gotek-website-service-page main #gotek-editorial-intro .about-hero__copy h1 br{display:block!important}
  body.gotek-website-service-page main h2.gotek-former-h1{font-size:clamp(30px,8.4vw,35px)!important;line-height:1.13!important}

  /* Technology becomes a deliberate, static chip rail. */
  body.gotek-website-service-page main .gotek-mobile-tech-rail{overflow:hidden!important}
  body.gotek-website-service-page main .gotek-mobile-tech-rail [class*="overflow-hidden"]{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none}
  body.gotek-website-service-page main .gotek-mobile-tech-rail [class*="overflow-hidden"]::-webkit-scrollbar{display:none}
  body.gotek-website-service-page main .gotek-mobile-tech-rail :is(.animate-marquee-left,.animate-marquee-right){
    width:max-content!important;
    max-width:none!important;
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
    overflow:visible!important;
    scroll-snap-type:x mandatory;
  }
  body.gotek-website-service-page main .gotek-mobile-tech-rail :is(.animate-marquee-left,.animate-marquee-right)>*{
    flex:0 0 auto!important;
    min-height:44px;
    scroll-snap-align:start;
  }
  body.gotek-website-service-page main .gotek-mobile-tech-rail :is(.animate-marquee-left,.animate-marquee-right)>[aria-hidden="true"]{display:none!important}
  body.gotek-website-service-page main .gotek-mobile-tech-rail :is(.animate-marquee-left,.animate-marquee-right):focus-visible{outline:3px solid rgba(0,87,225,.28);outline-offset:4px}

  /* Hosting: four useful starting points, with the specialist catalogue on request. */
  body.gotek-hosting-service-page main .gotek-cloud-products__grid:not(.is-expanded)>article:nth-child(n+5){display:none!important}
  body.gotek-hosting-service-page main .gotek-hosting-products-toggle{
    display:inline-flex;
    width:100%;
    min-height:48px;
    margin:14px 0 0;
    align-items:center;
    justify-content:center;
    border:1px solid #bad3f2;
    border-radius:14px;
    color:#075de0;
    background:#fff;
    font-weight:700;
    cursor:pointer;
  }

  /* SaaS: pair eight delivery steps into four readable stages. */
  body.gotek-saas-service-page main .gotek-saas-journey>.max-w-7xl>.grid,
  body.gotek-saas-service-page main .gotek-saas-journey>div>.grid{display:none!important}
  body.gotek-saas-service-page main .gotek-saas-mobile-stages{display:grid;gap:10px;margin-top:26px}
  body.gotek-saas-service-page main .gotek-saas-mobile-stages details{overflow:hidden;border:1px solid #d8e2ef;border-radius:16px;background:#fff}
  body.gotek-saas-service-page main .gotek-saas-mobile-stages summary{display:flex;min-height:58px;padding:12px 46px 12px 16px;align-items:center;color:#0b1d38;font-weight:700;cursor:pointer;list-style:none;position:relative}
  body.gotek-saas-service-page main .gotek-saas-mobile-stages summary::-webkit-details-marker{display:none}
  body.gotek-saas-service-page main .gotek-saas-mobile-stages summary::after{content:"+";position:absolute;right:15px;top:50%;translate:0 -50%;color:#075de0;font-size:24px;font-weight:400}
  body.gotek-saas-service-page main .gotek-saas-mobile-stages details[open] summary::after{content:"−"}
  body.gotek-saas-service-page main .gotek-saas-mobile-stage__panel{display:grid;gap:12px;padding:0 12px 12px}
  body.gotek-saas-service-page main .gotek-saas-mobile-stage__panel article{padding:18px;border-radius:12px;background:#f4f7fb}
  body.gotek-saas-service-page main .gotek-saas-mobile-stage__panel article>:is(svg,[class*="absolute"]){display:none!important}
  body.gotek-saas-service-page main .gotek-saas-mobile-stage__panel :is(h3,h4){margin:0 0 8px!important;color:#0b1d38!important}

  /* Website work samples: a swipeable 4:5 preview rail, expandable per item. */
  body.gotek-website-service-page:not(.gotek-saas-service-page):not(.gotek-hosting-service-page) main .gotek-industry-websites__grid{
    display:flex!important;
    width:calc(100% + 16px)!important;
    margin-right:-16px!important;
    padding:0 16px 14px 0!important;
    gap:12px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scroll-padding-inline:0 16px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  body.gotek-website-service-page:not(.gotek-saas-service-page):not(.gotek-hosting-service-page) main .gotek-industry-websites__grid::-webkit-scrollbar{display:none}
  body.gotek-website-service-page:not(.gotek-saas-service-page):not(.gotek-hosting-service-page) main .gotek-industry-websites__grid article{
    flex:0 0 min(82vw,320px)!important;
    width:auto!important;
    scroll-snap-align:start;
  }
  body.gotek-website-service-page:not(.gotek-saas-service-page):not(.gotek-hosting-service-page) main .gotek-industry-websites__grid figure{height:auto!important;aspect-ratio:4/5!important;overflow:hidden!important}
  body.gotek-website-service-page:not(.gotek-saas-service-page):not(.gotek-hosting-service-page) main .gotek-industry-websites__grid figure img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:top center!important;transform:none!important}
  body.gotek-website-service-page main .gotek-portfolio-toggle{display:flex;width:100%;min-height:46px;margin-top:12px;align-items:center;justify-content:center;border:1px solid #bad3f2;border-radius:12px;color:#075de0;background:#f7faff;font-weight:700;cursor:pointer}
  body.gotek-website-service-page main .gotek-industry-websites__grid article.is-expanded{flex-basis:min(90vw,390px)!important}
  body.gotek-website-service-page main .gotek-industry-websites__grid article.is-expanded figure{height:min(72vh,680px)!important;aspect-ratio:auto!important;overflow-y:auto!important;overscroll-behavior:contain}
  body.gotek-website-service-page main .gotek-industry-websites__grid article.is-expanded figure img{height:auto!important;min-height:100%!important;object-fit:cover!important}
}

@media(prefers-reduced-motion:reduce){
  body.gotek-website-service-page main .gotek-industry-websites__grid,
  body.gotek-website-service-page main .gotek-industry-websites__grid *{scroll-behavior:auto!important;transition:none!important}
}