.page-hero{padding:112px 0 82px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-120px;top:-220px;background:rgba(95,171,191,.09);filter:blur(65px);pointer-events:none}.page-hero .eyebrow,.content-section .eyebrow{position:relative;z-index:1}.page-hero h1{font:800 clamp(44px,6vw,72px)/1.08 var(--display);letter-spacing:-3.5px;max-width:850px;margin:25px 0}.page-hero h1 span{color:var(--accent)}.page-hero p{max-width:680px;color:var(--muted);font-size:16px;line-height:1.9}.page-hero .button{margin-top:22px}.breadcrumb{font-size:11px;color:#8291a5;margin-bottom:28px}.breadcrumb a{color:var(--accent)}.content-section{padding:88px 0}.content-section h2{font:750 clamp(30px,4vw,44px)/1.2 var(--display);letter-spacing:-1.8px;margin:15px 0 20px}.content-section>p,.content-copy p{color:var(--muted);max-width:760px}.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:42px}.detail-card{background:var(--bg-soft);padding:30px;min-height:220px}.detail-card small{color:var(--accent);font-size:10px;letter-spacing:1.5px}.detail-card h3{font:700 21px var(--display);margin:17px 0 9px}.detail-card p{color:var(--muted);font-size:13px;margin:0}.detail-card a{display:inline-block;margin-top:20px;color:var(--accent);font-size:12px}.split-content{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.content-copy h2{margin-top:0}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{padding:13px 0;border-bottom:1px solid var(--line);color:#c5cfdd;font-size:13px}.check-list li:before{content:"↗";color:var(--accent);margin-right:12px}.process-list{counter-reset:process;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:38px}.process-card{border-top:1px solid rgba(119,228,208,.45);padding-top:20px}.process-card b{font:700 12px var(--display);color:var(--accent)}.process-card h3{font:700 18px var(--display);margin:14px 0 8px}.process-card p{font-size:12px;color:var(--muted)}.cta-band{padding:55px 0;background:linear-gradient(100deg,rgba(23,41,55,.75),rgba(12,20,31,.55));border-block:1px solid var(--line)}.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-band h2{font:750 clamp(28px,4vw,42px)/1.2 var(--display);letter-spacing:-1.5px;margin:0 0 8px}.cta-band p{color:var(--muted);font-size:13px;margin:0}.page-footer{padding:28px 0;color:#8291a5;font-size:11px;border-top:1px solid var(--line)}.page-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-footer a{color:#c4d0de}.page-nav{display:flex;gap:24px;align-items:center}.page-nav a{font-size:12px;color:#aeb8c7}.page-nav a:hover{color:var(--accent)}.page-header{width:min(1320px,calc(100% - 64px));margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}@media(max-width:760px){.page-hero{padding:82px 0 62px}.page-hero h1{letter-spacing:-2.2px}.content-section{padding:65px 0}.service-detail-grid,.split-content{grid-template-columns:1fr}.process-list{grid-template-columns:repeat(2,1fr)}.cta-band-inner{align-items:flex-start;flex-direction:column}.page-header{width:calc(100% - 36px);min-height:72px}.page-nav{gap:13px;flex-wrap:wrap;justify-content:flex-end}.page-nav a{font-size:10px}}@media(max-width:460px){.process-list{grid-template-columns:1fr}.page-nav a:nth-child(2),.page-nav a:nth-child(3){display:none}}
/* Shared language selector for localized detail pages */
.language-switch{display:flex;gap:9px;align-items:center;font-size:10px;color:#9ba8ba;white-space:nowrap}
.language-switch a{color:#aeb8c7;transition:color .2s}
.language-switch a:hover,.language-switch a[aria-current="page"]{color:var(--accent)}
.page-header{gap:16px}
@media(max-width:760px){
.page-header{flex-wrap:wrap;padding:12px 0;gap:12px}
.page-header .brand{order:1}
.page-header .language-switch{order:2;margin-left:auto}
.page-header .header-cta{order:3}
.page-header .page-nav{order:4;width:100%;justify-content:flex-start}
}

/* Blog landing page */
.blog-empty{max-width:760px;padding:42px;border:1px solid var(--line);background:linear-gradient(130deg,rgba(22,42,54,.55),rgba(11,18,29,.65))}
.blog-empty h2{font:750 clamp(30px,4vw,43px)/1.2 var(--display);letter-spacing:-1.5px;margin:18px 0}
.blog-empty p{max-width:650px;color:var(--muted);font-size:14px;line-height:1.9}
.blog-topics{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 28px}
.blog-topics span{padding:7px 11px;border:1px solid var(--line);font-size:10px;color:#b5c4d3}
.header-blog-link{font-size:11px;color:#aeb8c7}
.header-blog-link:hover{color:var(--accent)}
@media(max-width:700px){.blog-empty{padding:25px 20px}.blog-empty h2{font-size:30px}}


/* Sanity-powered blog listings and article template */
.cms-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cms-article-card{display:grid;grid-template-columns: minmax(150px,.8fr) minmax(0,1.2fr);min-height:230px;border:1px solid var(--line);background:linear-gradient(130deg,rgba(22,42,54,.42),rgba(11,18,29,.62));overflow:hidden}
.cms-card-image{display:block;min-height:100%;background:rgba(95,171,191,.06)}
.cms-card-image img{width:100%;height:100%;min-height:230px;object-fit:cover;display:block}
.cms-card-copy{padding:24px}
.cms-category{display:inline-block;color:var(--accent);font-size:10px;letter-spacing:.7px;text-transform:uppercase}
.cms-card-copy h2{font:750 22px/1.25 var(--display);letter-spacing:-.5px;margin:12px 0}
.cms-card-copy h2 a{color:#e8eef5}
.cms-card-copy p,.cms-status{font-size:13px;line-height:1.85;color:var(--muted)}
.cms-read-link,.cms-back{display:inline-block;margin-top:12px;color:var(--accent);font-size:11px}
.cms-article-shell{width:min(900px,calc(100% - 40px));margin:0 auto;padding:65px 0 100px}
.cms-article-header{max-width:820px;margin:0 auto 50px}
.cms-article-header h1{font:800 clamp(38px,6vw,64px)/1.12 var(--display);letter-spacing:-2px;margin:22px 0}
.cms-excerpt{font-size:17px;line-height:1.8;color:var(--muted)}
.cms-byline{font-size:11px;color:#9ba8ba;margin:22px 0}
.cms-hero-image{width:100%;max-height:520px;object-fit:cover;margin-top:25px;border:1px solid var(--line)}
.cms-article-body{max-width:760px;margin:auto;color:#c5cfdd;font-size:16px;line-height:2}
.cms-article-body h2{font:750 32px/1.25 var(--display);color:#eef3f8;margin:48px 0 18px}
.cms-article-body h3{font:700 23px/1.3 var(--display);color:#eef3f8;margin:36px 0 14px}
.cms-article-body p{margin:0 0 22px}
.cms-article-body a{color:var(--accent);text-decoration:underline}
.cms-article-body blockquote{margin:30px 0;padding:12px 24px;border-left:2px solid var(--accent);color:#e3ebf2;background:rgba(95,171,191,.06)}
.cms-article-body figure{margin:34px 0}
.cms-article-body figure img{width:100%;height:auto}
.cms-article-body figcaption{font-size:11px;color:var(--muted);margin-top:8px}
.cms-status{padding:25px 0}
@media(max-width:760px){.cms-blog-grid{grid-template-columns:1fr}.cms-article-card{grid-template-columns:1fr}.cms-card-image img{height:210px;min-height:210px}.cms-card-copy{padding:22px}.cms-article-shell{padding-top:45px}.cms-article-header h1{letter-spacing:-1px}}


/* Premium visual treatment for the English service and case-study index pages */
.service-detail-grid .detail-card{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(145deg,rgba(21,39,53,.96),rgba(9,16,27,.98));
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
.service-detail-grid .detail-card::before{
  content:"";position:absolute;z-index:-1;width:210px;height:210px;right:-92px;top:-112px;
  border:1px solid rgba(119,228,208,.22);border-radius:50%;
  box-shadow:0 0 0 22px rgba(119,228,208,.025),0 0 0 46px rgba(119,228,208,.018);
  transition:transform .55s ease,opacity .35s ease;opacity:.7;
}
.service-detail-grid .detail-card::after{
  content:"";position:absolute;left:0;top:0;width:100%;height:2px;
  background:linear-gradient(90deg,transparent,var(--accent),rgba(119,228,208,.12),transparent);
  transform:scaleX(.28);transform-origin:left;transition:transform .4s ease;
}
.service-detail-grid .detail-card:hover{
  transform:translateY(-7px);background:linear-gradient(145deg,rgba(25,49,62,.98),rgba(10,18,29,.99));
}
.service-detail-grid .detail-card:hover::before{transform:scale(1.18) rotate(12deg);opacity:1}
.service-detail-grid .detail-card:hover::after{transform:scaleX(1)}
.service-detail-grid .detail-card small{display:flex;align-items:center;gap:10px}
.service-detail-grid .detail-card small::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 13px rgba(119,228,208,.7);
}
.service-detail-grid .detail-card h3{max-width:330px}
.service-detail-grid .detail-card p{max-width:420px;line-height:1.85}
.service-detail-grid .detail-card a{position:relative;z-index:1}
main:has(.privacy-note) .content-copy{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(26px,4vw,46px);margin:0 0 26px;
  border:1px solid rgba(119,228,208,.16);
  background:linear-gradient(125deg,rgba(21,39,53,.9),rgba(9,16,27,.96));
  box-shadow:0 18px 55px rgba(0,0,0,.16);
  transition:transform .35s ease,border-color .35s ease;
}
main:has(.privacy-note) .content-copy::before{
  content:"";position:absolute;z-index:-1;right:-105px;top:-125px;width:260px;height:260px;
  border:1px solid rgba(119,228,208,.18);border-radius:50%;
  box-shadow:0 0 0 24px rgba(119,228,208,.025),0 0 0 52px rgba(119,228,208,.018);
  pointer-events:none;
}
main:has(.privacy-note) .content-copy::after{
  content:"";position:absolute;left:0;top:28px;bottom:28px;width:2px;
  background:linear-gradient(180deg,transparent,var(--accent),transparent);opacity:.75;
}
main:has(.privacy-note) .content-copy:hover{
  transform:translateY(-3px);border-color:rgba(119,228,208,.34);
}
main:has(.privacy-note) .content-copy .eyebrow{letter-spacing:1.8px}
main:has(.privacy-note) .content-copy h2{max-width:760px;position:relative}
main:has(.privacy-note) .content-copy p{max-width:780px;line-height:1.95;position:relative}
main:has(.privacy-note) .content-copy p strong{display:inline-block;color:#e8f1f5;margin-bottom:5px}
main:has(.privacy-note) .privacy-note{
  margin:36px 0 0;padding:22px 26px;border:1px solid var(--line);
  background:linear-gradient(110deg,rgba(119,228,208,.07),rgba(11,18,29,.4));
  line-height:1.9;
}
@media(prefers-reduced-motion:reduce){
  .service-detail-grid .detail-card,.service-detail-grid .detail-card::before,
  .service-detail-grid .detail-card::after,main:has(.privacy-note) .content-copy{
    transition:none!important
  }
  .service-detail-grid .detail-card:hover,main:has(.privacy-note) .content-copy:hover{transform:none}
}




/* Case studies: editorial data-storytelling aesthetic, distinct from both hero and services */
main:has(.privacy-note) .page-hero{background:linear-gradient(112deg,rgba(11,20,31,.3),rgba(14,31,42,.18));}
main:has(.privacy-note) .page-hero:before{
 content:"";position:absolute;right:7%;top:8%;width:min(39vw,470px);height:82%;
 background:
  linear-gradient(90deg,transparent 49.8%,rgba(119,228,208,.17) 50%,transparent 50.2%),
  linear-gradient(0deg,transparent 49.8%,rgba(124,156,255,.14) 50%,transparent 50.2%),
  repeating-linear-gradient(0deg,transparent 0 34px,rgba(151,184,211,.07) 35px,transparent 36px 68px),
  repeating-linear-gradient(90deg,transparent 0 34px,rgba(151,184,211,.07) 35px,transparent 36px 68px);
 mask-image:radial-gradient(ellipse at center,#000 18%,transparent 76%);
 opacity:.8;transform:perspective(550px) rotateY(-22deg) rotateZ(-8deg);
 animation:case-grid-breathe 12s ease-in-out infinite alternate;
}
main:has(.privacy-note) .page-hero:after{
 content:"";position:absolute;right:17%;top:25%;width:clamp(95px,12vw,150px);height:clamp(95px,12vw,150px);
 border:1px solid rgba(119,228,208,.35);border-radius:50%;
 background:radial-gradient(circle,rgba(119,228,208,.24) 0 2px,rgba(119,228,208,.07) 3px,transparent 68%);
 box-shadow:0 0 55px rgba(119,228,208,.10),inset 0 0 30px rgba(119,228,208,.07);
}
main:has(.privacy-note) .content-section{position:relative}
main:has(.privacy-note) .content-copy{
 position:relative;isolation:isolate;overflow:hidden;
 padding:38px 42px 40px 48px;margin:0 0 24px;
 border:1px solid rgba(164,190,211,.13);
 border-radius:5px;
 background:linear-gradient(115deg,rgba(17,29,43,.92),rgba(10,17,28,.82) 72%);
 box-shadow:0 18px 48px rgba(0,0,0,.13);
 transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
main:has(.privacy-note) .content-copy:before{
 content:"";position:absolute;z-index:-1;right:-35px;bottom:-85px;width:220px;height:220px;
 border:1px solid rgba(124,156,255,.18);border-radius:50%;
 box-shadow:0 0 0 20px rgba(124,156,255,.025),0 0 0 42px rgba(119,228,208,.018);
}
main:has(.privacy-note) .content-copy:after{
 content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
 background:linear-gradient(180deg,var(--accent),rgba(124,156,255,.45),transparent);
 transform:scaleY(.45);transform-origin:top;transition:transform .4s ease;
}
main:has(.privacy-note) .content-copy:hover{transform:translateY(-4px);border-color:rgba(119,228,208,.32);box-shadow:0 24px 58px rgba(0,0,0,.22)}
main:has(.privacy-note) .content-copy:hover:after{transform:scaleY(1)}
main:has(.privacy-note) .content-copy .eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent)}
main:has(.privacy-note) .content-copy h2{max-width:720px;font-size:clamp(27px,3.2vw,38px);line-height:1.22}
main:has(.privacy-note) .content-copy p{max-width:780px;line-height:1.9}
main:has(.privacy-note) .privacy-note{border-radius:4px}
@keyframes case-grid-breathe{from{opacity:.48;transform:perspective(550px) rotateY(-22deg) rotateZ(-8deg) translateY(0)}to{opacity:.9;transform:perspective(550px) rotateY(-15deg) rotateZ(-5deg) translateY(-9px)}}
@media(max-width:760px){
 main:has(.privacy-note) .page-hero:before{width:90vw;right:-30vw;opacity:.5}
 main:has(.privacy-note) .page-hero:after{right:8%;top:16%;width:90px;height:90px}
 main:has(.privacy-note) .content-copy{padding:28px 23px 30px 28px}
}
@media(prefers-reduced-motion:reduce){
 main:has(.privacy-note) .page-hero:before{animation:none!important}
 main:has(.privacy-note) .content-copy,main:has(.privacy-note) .content-copy:after{transition:none!important}
 main:has(.privacy-note) .content-copy:hover{transform:none}
}


/* Services landing hero: connected growth system visual */
.service-page-hero .service-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:center;gap:clamp(28px,5vw,76px)}
.service-page-hero .section-shell{position:relative;z-index:1}
.service-page-hero h1{max-width:760px}
.service-page-hero p{max-width:620px}
.service-hero-visual{position:relative;min-height:430px;isolation:isolate;display:grid;place-items:center;overflow:visible}
.service-visual-halo{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(67,153,159,.18),rgba(43,88,133,.09) 42%,transparent 72%);filter:blur(12px)}
.service-visual-ring{position:absolute;width:66%;aspect-ratio:1;border:1px solid rgba(119,228,208,.16);border-radius:50%;transform:rotate(-24deg) scaleY(.68)}
.service-visual-ring.ring-b{width:88%;border-color:rgba(124,156,255,.13);transform:rotate(38deg) scaleY(.62)}
.service-flow-lines{position:absolute;width:100%;height:100%;inset:0;overflow:visible}
.service-core{position:relative;z-index:2;width:142px;height:142px;border:1px solid rgba(119,228,208,.5);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:radial-gradient(circle at 50% 42%,rgba(55,131,139,.35),rgba(10,22,36,.95) 68%);box-shadow:0 0 70px rgba(74,184,174,.17),inset 0 0 35px rgba(119,228,208,.09);animation:service-core-pulse 6s ease-in-out infinite}
.service-core .core-mark{font:800 36px var(--display);letter-spacing:-3px;color:#e4fbf5;text-shadow:0 0 24px rgba(119,228,208,.35)}
.service-core small{font-size:7px;letter-spacing:1.6px;color:#9bcfc7}
.core-orbit{position:absolute;inset:-13px;border:1px dashed rgba(119,228,208,.32);border-radius:50%;animation:service-orbit 28s linear infinite}
.service-node{position:absolute;z-index:3;min-width:126px;padding:13px 15px 14px 17px;border:1px solid rgba(148,184,207,.2);background:linear-gradient(140deg,rgba(21,39,55,.94),rgba(8,16,28,.96));box-shadow:0 15px 38px rgba(0,0,0,.26);backdrop-filter:blur(12px);display:grid;gap:4px;animation:service-node-float 7s ease-in-out infinite}
.service-node i{font-style:normal;font-size:17px;color:var(--accent);line-height:1}
.service-node span{font-size:7px;letter-spacing:1.3px;color:#8ea4b7}
.service-node b{font:700 12px var(--display);color:#e3edf4}
.node-seo{left:1%;top:12%}.node-ads{right:0;top:13%;animation-delay:-2s}.node-web{left:1%;bottom:12%;animation-delay:-4s}.node-auto{right:0;bottom:12%;animation-delay:-1s}
.service-visual-tagline{position:absolute;top:calc(50% + 91px);left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:9px;white-space:nowrap;padding:8px 13px;border:1px solid rgba(119,228,208,.2);border-radius:999px;background:rgba(8,18,30,.82);box-shadow:0 8px 28px rgba(0,0,0,.22);backdrop-filter:blur(10px);font:700 8px var(--display);letter-spacing:1.35px;color:#d9eee9}.service-visual-tagline i{width:3px;height:3px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:tagline-pulse 2.4s ease-in-out infinite}.service-visual-tagline i:nth-of-type(2){animation-delay:.8s}@keyframes tagline-pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.5)}}
.service-visual-caption{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;letter-spacing:2px;color:#8199ad}
.service-visual-caption span{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
@keyframes service-core-pulse{0%,100%{transform:scale(1);box-shadow:0 0 58px rgba(74,184,174,.14),inset 0 0 35px rgba(119,228,208,.08)}50%{transform:scale(1.035);box-shadow:0 0 82px rgba(74,184,174,.23),inset 0 0 42px rgba(119,228,208,.13)}}
@keyframes service-orbit{to{transform:rotate(336deg)}}
@keyframes service-node-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:900px){.service-page-hero .service-hero-layout{grid-template-columns:1fr;gap:24px}.service-page-hero .service-hero-visual{min-height:370px;max-width:600px;width:100%;margin:0 auto}.service-page-hero{padding-bottom:55px}}
@media(max-width:520px){.service-page-hero .service-hero-visual{min-height:310px;transform:scale(.92);transform-origin:top center;margin-bottom:-20px}.service-node{min-width:108px;padding:10px 11px}.service-core{width:118px;height:118px}.service-core .core-mark{font-size:30px}.node-seo,.node-web{left:0}.node-ads,.node-auto{right:0}.service-visual-caption{font-size:7px;letter-spacing:1.3px}.service-visual-tagline{top:calc(50% + 83px);gap:6px;padding:7px 9px;font-size:7px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.service-core,.core-orbit,.service-node{animation:none!important}}


/* Services hero reuses the animated orbital artwork from the homepage. */
.service-page-hero .service-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(28px,5vw,76px)}
.service-page-hero .service-hero-copy{position:relative;z-index:2;min-width:0}
.service-page-hero .service-hero-copy h1{max-width:760px}
.service-page-hero .service-hero-copy p{max-width:620px}
.service-page-hero .service-home-art{width:100%;height:480px;min-height:0;margin:0;transform:none}
@media(max-width:900px){
  .service-page-hero .service-hero-layout{grid-template-columns:1fr;gap:18px}
  .service-page-hero .service-home-art{max-width:600px;height:390px;margin:0 auto}
}
@media(max-width:700px){
  .service-page-hero .service-home-art{height:340px;max-width:100%;margin:0;transform:scale(.9);transform-origin:top center}
  .service-page-hero{padding-bottom:42px}
}