/* ProcessLabs homepage visual revision
   Preserves the original copy and functionality while changing the presentation. */

:root{
  --navy:#0B2550;
  --navy-deep:#06142B;
  --navy-mid:#102F61;
  --blue:#1F69D5;
  --light:#66A9F5;
  --sky:#B9D8FA;
  --ice:#E6F1FC;
  --tint:#F1F6FC;
  --mist:#F7F9FC;
  --ink:#10213F;
  --slate:#52627C;
  --line:rgba(11,37,80,.11);
  --shadow-sm:0 8px 24px rgba(6,20,43,.07);
  --shadow-md:0 24px 70px rgba(6,20,43,.13);
  --shadow-lg:0 36px 110px rgba(6,20,43,.24);
  --max:1240px;
}

body{
  overflow-x:hidden;
  background:#fff;
  font-size:16.5px;
  letter-spacing:-.004em;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:999;
  opacity:.028;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
}

section{padding:124px 28px;}
.container{max-width:var(--max);}
h1,h2,h3{letter-spacing:-.046em;}
h2{font-size:clamp(34px,4vw,54px);}
p.lead{font-size:20px;line-height:1.68;}

.kicker{
  margin-bottom:22px;
  padding:8px 13px;
  border:1px solid rgba(31,105,213,.16);
  border-radius:999px;
  background:rgba(230,241,252,.72);
  letter-spacing:.15em;
}
.kicker::before{width:7px;height:7px;border-radius:50%;}
.darkshell .kicker{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.13);
}

.btn{
  min-height:56px;
  padding:16px 27px;
  border-radius:16px;
  position:relative;
  overflow:hidden;
}
.btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.28) 48%,transparent 72%);
  transform:translateX(-120%);
  transition:transform .65s ease;
}
.btn:hover::before{transform:translateX(120%);}
.btn-white{box-shadow:0 20px 50px rgba(1,10,28,.28);}
.btn-primary{background:linear-gradient(135deg,var(--navy),var(--blue));}

/* Navigation */
.nav{
  background:rgba(6,20,43,.82);
  border-bottom:1px solid rgba(255,255,255,.09);
  transition:background .25s ease,box-shadow .25s ease;
}
.nav.scrolled{
  background:rgba(6,20,43,.96);
  box-shadow:0 16px 44px rgba(0,0,0,.22);
}
.nav-inner{max-width:var(--max);padding:17px 28px;}
.brand-mark{width:38px;height:38px;filter:brightness(0) invert(1);opacity:.95;}
.brand-name{font-size:20px;letter-spacing:-.04em;color:#fff;}
.brand-name span{color:var(--sky);}
.brand-tag{font-size:9.5px;letter-spacing:.035em;color:rgba(255,255,255,.58);}
.nav-links{gap:29px;}
.nav-links>a,.dropdown>a{font-size:13.5px;}
.nav-cta{
  padding:12px 19px;
  border-radius:13px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

/* Hero */
.hero2{
  min-height:900px;
  padding:96px 28px 112px;
  text-align:left;
  background:
    radial-gradient(920px 620px at 85% 16%,rgba(54,126,229,.44),transparent 60%),
    radial-gradient(760px 520px at 6% 88%,rgba(73,158,238,.18),transparent 62%),
    linear-gradient(145deg,#06142B 0%,#0A2147 48%,#133B76 100%);
}
.hero2::after{
  content:"";
  position:absolute;
  inset:auto -12% -28% 42%;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(102,169,245,.20),transparent 64%);
  filter:blur(30px);
  pointer-events:none;
}
.hero2-inner{
  max-width:var(--max);
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:76px;
  align-items:center;
}
.hero-copy{position:relative;z-index:2;padding-top:14px;}
.hero2 .kicker{justify-content:flex-start;}
.hero2 h1{
  font-size:clamp(50px,6.2vw,82px);
  line-height:.98;
  max-width:760px;
  margin-bottom:30px;
}
.hero2 h1 em{display:inline;color:#C4DEFA;}
.hero2 .lead{margin:0 0 34px;max-width:680px;font-size:20px;line-height:1.7;}
.hero2-ctas{justify-content:flex-start;margin-bottom:20px;}
.hero2-sub{font-size:13px;}

.hero-visual{
  position:relative;
  min-height:570px;
  z-index:1;
  perspective:1200px;
}
.hero-photo-shell{
  position:absolute;
  inset:20px 0 22px 34px;
  border-radius:36px 36px 110px 36px;
  overflow:hidden;
  box-shadow:0 48px 120px rgba(0,0,0,.43);
  border:1px solid rgba(255,255,255,.16);
  transform:rotate(1.6deg);
  transition:transform .25s ease-out;
  background:#143766;
}
.hero-photo-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(4,16,35,.04) 30%,rgba(4,16,35,.48) 100%);
}
.hero-photo-shell::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
  border-radius:inherit;
}
.hero-photo-shell img{width:100%;height:100%;object-fit:cover;object-position:53% center;display:block;}
.hero-photo-frame{
  position:absolute;
  width:260px;
  height:260px;
  right:-62px;
  top:-34px;
  border:1px solid rgba(185,216,250,.26);
  border-radius:50%;
  animation:spinSlow 26s linear infinite;
}
.hero-photo-frame::before,.hero-photo-frame::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(185,216,250,.15);
}
.hero-photo-frame::before{inset:24px;}
.hero-photo-frame::after{inset:55px;}
.hero-notice{
  position:absolute;
  z-index:4;
  display:flex;
  align-items:center;
  gap:12px;
  background:rgba(255,255,255,.95);
  color:var(--ink);
  padding:14px 17px;
  border-radius:17px;
  box-shadow:0 24px 65px rgba(0,0,0,.28);
  backdrop-filter:blur(10px);
  animation:floatNotice 5.5s ease-in-out infinite;
}
.hero-notice.one{left:-10px;top:88px;}
.hero-notice.two{right:-18px;bottom:76px;animation-delay:1.2s;}
.hero-notice .dot{
  width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(135deg,var(--blue),var(--light));
}
.hero-notice.two .dot{background:linear-gradient(135deg,#168657,#42BD84);}
.hero-notice svg{width:19px;height:19px;}
.hero-notice b{display:block;font-size:12.5px;line-height:1.25;}
.hero-notice span{display:block;font-size:10.5px;color:var(--slate);margin-top:2px;}
.hero-rings{
  position:absolute;
  left:-6px;
  bottom:5px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle at center,transparent 0 25%,rgba(102,169,245,.2) 26% 27%,transparent 28% 48%,rgba(102,169,245,.15) 49% 50%,transparent 51%);
}

.caught{grid-column:1/-1;width:100%;max-width:none;margin:72px 0 0;}
.caught-lab{justify-content:flex-start;}
.caught-lab i{max-width:74px;}
.caught-grid{gap:16px;}
.caught-card{
  border-radius:20px;
  padding:20px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 25px 70px rgba(0,0,0,.20);
  transition:transform .25s ease,box-shadow .25s ease;
}
.caught-card:hover{transform:translateY(-6px);box-shadow:0 32px 80px rgba(0,0,0,.28);}
.caught-foot{text-align:left;margin-left:0;}

/* Journey */
.journeysec{margin-top:-66px;padding:0 28px 30px;}
.jcard{
  border-radius:32px;
  padding:66px 62px 54px;
  box-shadow:0 30px 90px rgba(6,20,43,.16);
}
.jhead{max-width:790px;margin-bottom:58px;}
.jhead h2{font-size:clamp(34px,4.3vw,54px);}
.jflow::before{top:29px;height:2px;background:linear-gradient(90deg,#0B2550,#1F69D5,#66A9F5);}
.jnum{width:58px;height:58px;border-radius:18px;font-size:18px;}
.jstep h4{font-size:15.5px;}
.jstep p{font-size:12.7px;}

/* Manifesto with human context */
.manifesto{
  position:relative;
  min-height:760px;
  display:flex;
  align-items:center;
  background:#071831;
  isolation:isolate;
}
.manifesto::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(5,18,39,.97) 0%,rgba(5,18,39,.87) 48%,rgba(5,18,39,.54) 100%);
}
.manifesto-photo{position:absolute;inset:0;z-index:-2;overflow:hidden;}
.manifesto-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.62) contrast(1.05);}
.manifesto .container{margin-left:max(0px,calc((100vw - var(--max))/2));margin-right:auto;max-width:930px;}
.manifesto .kicker{justify-content:flex-start!important;display:inline-flex!important;}
.manifesto .m-quote{text-align:left;margin:0 0 28px;font-size:clamp(38px,5.4vw,68px);max-width:900px;line-height:1.12;}
.manifesto .m-sub{text-align:left;margin:0;max-width:690px;font-size:18px;}
.m-grid{grid-template-columns:repeat(4,1fr);max-width:none;margin:54px 0 0;}
.m-card{
  min-height:190px;
  border-radius:22px;
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.14);
  padding:27px 23px;
  backdrop-filter:blur(14px);
  transition:transform .25s ease,background .25s ease;
}
.m-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.12);}

/* How it works */
#how{background:#fff;position:relative;}
#how::before{
  content:"";
  position:absolute;
  width:520px;height:520px;border-radius:50%;
  right:-250px;top:30px;
  background:radial-gradient(circle,rgba(102,169,245,.14),transparent 68%);
}
#how>.container>div:first-child{max-width:820px!important;}
.flow{margin-top:72px;gap:16px;}
.flow::before{left:8%;right:8%;top:38px;}
.f-step{padding:0 6px;text-align:left;}
.f-ic2{margin:0 0 21px;width:76px;height:76px;border-radius:23px;}
.f-step h4{font-size:16px;}
.f-step p{font-size:13.2px;}
.flow-foot{
  margin-top:62px;
  padding:22px 28px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--tint);
}

/* Shared split sections */
.split{gap:88px;}
#hub .viz,#healthcheck .viz,#social .viz{border-radius:28px;box-shadow:var(--shadow-lg);}
#hub{background:linear-gradient(180deg,#F7FAFD,#EFF5FB);}
#hub .split{grid-template-columns:1.04fr .96fr;}
#hub .viz{
  transform:none;
  padding:30px 30px 22px;
}
#hub .viz svg{overflow:visible;}
#hub .viz .viz-cap{
  margin-top:16px;
  padding:0 4px 2px;
  line-height:1.45;
  white-space:normal;
}
#hub .viz::before{
  content:"";position:absolute;inset:-18px 24px 18px -18px;border:1px solid rgba(31,105,213,.13);border-radius:30px;z-index:-1;
}

/* Health check */
#healthcheck{
  background:
    radial-gradient(700px 500px at 90% 15%,rgba(58,132,231,.32),transparent 62%),
    linear-gradient(135deg,#06142B,#0E2C5A 72%,#16498F);
}
#healthcheck .hc-grid{gap:92px;}
#healthcheck .viz{
  transform:none;
  padding:30px 30px 22px;
}
#healthcheck .viz svg{overflow:visible;}
#healthcheck .viz .viz-cap{
  margin-top:16px;
  padding:0 4px 2px;
  line-height:1.45;
  white-space:normal;
}

/* Services as an editorial bento grid */
#services{background:#F4F7FB;}
#services .center{max-width:850px;margin:0 auto;}
.svc-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-top:64px;}
.svc{grid-column:span 4;border-radius:24px;padding:34px 30px;min-height:270px;box-shadow:0 12px 40px rgba(6,20,43,.07);}
.svc:nth-child(1),.svc:nth-child(6){grid-column:span 6;}
.svc:nth-child(7),.svc:nth-child(8){grid-column:span 6;}
.svc:nth-child(1),.svc:nth-child(6){
  background:linear-gradient(145deg,#071831,#113B78);
  border-color:rgba(255,255,255,.08);
}
.svc:nth-child(1) h4,.svc:nth-child(6) h4{color:#fff;}
.svc:nth-child(1) p,.svc:nth-child(6) p{color:rgba(255,255,255,.72);}
.svc:nth-child(1) .more,.svc:nth-child(6) .more{color:var(--sky);border-color:rgba(255,255,255,.12);}
.svc:nth-child(1) .s-ic,.svc:nth-child(6) .s-ic{background:rgba(255,255,255,.12);}
.svc:nth-child(1) .s-ic svg,.svc:nth-child(6) .s-ic svg{color:#fff;}
.svc:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(6,20,43,.16);}

/* Calculator */
#calculator{position:relative;overflow:hidden;}
#calculator::before{
  content:"";position:absolute;left:-230px;bottom:-260px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(31,105,213,.12),transparent 68%);
}
.calc-wrap{gap:92px;}
.calc-card{border-radius:28px;padding:48px;box-shadow:0 30px 85px rgba(6,20,43,.13);}
.calc-result{border-radius:20px;background:linear-gradient(135deg,#071831,#144686);padding:26px;}

/* Social section: real business image plus product visual */
#social{
  background:
    radial-gradient(700px 520px at 4% 8%,rgba(63,139,231,.32),transparent 60%),
    linear-gradient(135deg,#06142B,#0C2B58 70%,#123E7B);
}
#social .split{grid-template-columns:.94fr 1.06fr;}
.social-visual-stack{position:relative;min-height:650px;}
.social-photo{
  position:absolute;
  width:72%;
  height:78%;
  right:0;
  top:0;
  border-radius:30px 30px 90px 30px;
  overflow:hidden;
  box-shadow:0 40px 100px rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.14);
}
.social-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,20,43,.35));}
.social-photo img{width:100%;height:100%;object-fit:cover;object-position:center;}
.social-visual-stack>.viz{
  position:absolute;
  width:68%;
  left:0;
  bottom:0;
  z-index:2;
  padding:20px;
  transform:rotate(-2deg);
}

/* Case studies */
#examples{background:#F4F7FB;}
.case-grid{gap:22px;margin-top:64px;}
.case{
  overflow:hidden;
  border-radius:26px;
  background:#fff;
  box-shadow:0 18px 52px rgba(6,20,43,.10);
  transition:transform .28s ease,box-shadow .28s ease;
}
.case:hover{transform:translateY(-9px);box-shadow:0 30px 78px rgba(6,20,43,.17);}
.case-image{height:230px;overflow:hidden;position:relative;}
.case-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(6,20,43,.42));}
.case-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.case:hover .case-image img{transform:scale(1.055);}
.case:nth-child(1) .case-image img{object-position:center 48%;}
.case:nth-child(2) .case-image img{object-position:center 32%;}
.case:nth-child(3) .case-image img{object-position:center 48%;}
.case-top{background:#fff;padding:27px 28px 14px;}
.case-top span{color:var(--blue);}
.case-top h3{color:var(--navy);font-size:23px;}
.case-body{padding:0 28px 30px;}
.outcome{border-radius:16px;background:var(--tint);}

/* About */
#about{background:#fff;}
.who-grid{gap:92px;}
.chip{border-radius:999px;padding:11px 15px;background:var(--tint);border-color:rgba(31,105,213,.11);}
.trust-mini{border-radius:22px;padding:25px;background:#F6F9FD;}

/* CTA */
.cta-band{
  position:relative;
  min-height:580px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#06142B;
  isolation:isolate;
}
.cta-band::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('assets/office-small-business.jpg') center 48%/cover no-repeat;
  filter:saturate(.72);
}
.cta-band::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(6,20,43,.97) 0%,rgba(6,20,43,.87) 56%,rgba(6,20,43,.50) 100%);
}
.cta-inner{max-width:var(--max);width:100%;text-align:left;padding:90px 28px;margin:0 auto;}
.cta-inner h2{max-width:720px;font-size:clamp(42px,5.4vw,70px);}
.cta-inner p{max-width:650px;margin-left:0;margin-right:0;font-size:18px;}

footer{background:#040F22;}
.foot-inner{max-width:var(--max);}

@keyframes floatNotice{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes spinSlow{to{transform:rotate(360deg)}}

@media (max-width:1100px){
  .hero2-inner{grid-template-columns:1fr 440px;gap:48px;}
  .hero2 h1{font-size:clamp(48px,6vw,68px);}
  .m-grid{grid-template-columns:repeat(2,1fr);}
  .svc{grid-column:span 6!important;}
  .social-visual-stack{min-height:590px;}
}

@media (max-width:900px){
  section{padding:94px 22px;}
  .hero2{padding:84px 22px 94px;min-height:auto;}
  .hero2-inner{grid-template-columns:1fr;gap:48px;}
  .hero-copy{max-width:760px;}
  .hero-visual{min-height:540px;max-width:650px;width:100%;margin:0 auto;}
  .caught{margin-top:28px;}
  .caught-grid{grid-template-columns:1fr 1fr;}
  .caught-card:last-child{grid-column:1/-1;}
  .jcard{padding:52px 36px 44px;}
  .jflow{grid-template-columns:repeat(3,1fr);row-gap:42px;}
  .jflow::before{display:none;}
  .manifesto{min-height:auto;}
  .manifesto .container{margin:0 auto;}
  .manifesto::after{background:rgba(5,18,39,.86);}
  .flow{grid-template-columns:1fr;gap:16px;}
  .flow::before{display:none;}
  .f-step{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff;}
  .f-ic2{margin:0;}
  .split,#hub .split,#healthcheck .hc-grid,#social .split,.calc-wrap,.who-grid{grid-template-columns:1fr;gap:58px;}
  #social .split>div:first-child{max-width:760px;}
  .social-visual-stack{min-height:660px;max-width:720px;width:100%;margin:auto;}
  .case-grid{grid-template-columns:1fr;}
  .case{display:grid;grid-template-columns:.8fr 1.2fr;}
  .case-image{height:100%;min-height:360px;grid-row:1/3;}
  .case-top{grid-column:2;}
  .case-body{grid-column:2;}
}

@media (max-width:680px){
  section{padding:78px 19px;}
  .nav-inner{padding:13px 18px;}
  .brand-tag{display:none;}
  .hero2{padding:70px 19px 82px;}
  .hero2 h1{font-size:clamp(42px,13vw,58px);}
  .hero2 .lead{font-size:17.5px;}
  .hero2-ctas{display:grid;grid-template-columns:1fr;}
  .hero2-ctas .btn{width:100%;}
  .hero-visual{min-height:450px;}
  .hero-photo-shell{inset:18px 0 20px 0;border-radius:28px 28px 72px 28px;}
  .hero-notice.one{left:-4px;top:48px;}
  .hero-notice.two{right:-3px;bottom:38px;}
  .hero-notice{padding:11px 13px;}
  .hero-notice span{display:none;}
  .caught-grid{grid-template-columns:1fr;}
  .caught-card:last-child{grid-column:auto;}
  .journeysec{padding:0 16px 24px;}
  .jcard{padding:42px 24px 36px;border-radius:24px;}
  .jflow{grid-template-columns:1fr 1fr;}
  .m-grid{grid-template-columns:1fr;}
  .m-card{min-height:auto;}
  .svc-grid{grid-template-columns:1fr;}
  .svc{grid-column:auto!important;min-height:auto;}
  .calc-card{padding:30px 22px;}
  .social-visual-stack{min-height:520px;}
  .social-photo{width:82%;height:72%;}
  .social-visual-stack>.viz{width:82%;}
  .case{display:block;}
  .case-image{height:230px;min-height:0;}
  .cta-band{min-height:530px;}
  .cta-inner{padding:78px 20px;}
}

@media (prefers-reduced-motion:reduce){
  .hero-photo-frame,.hero-notice{animation:none!important;}
  .hero-photo-shell{transform:none!important;}
}

/* Guard against mobile grid min-content overflow */
.hero2-inner,.hero2-inner>*{min-width:0;}
@media (max-width:680px){
  .hero2-inner{width:100%;}
  .hero2 h1{overflow-wrap:anywhere;word-break:normal;}
  .caught-lab span{white-space:normal;text-align:center;font-size:10.5px;line-height:1.45;}
  .caught-lab i{min-width:18px;}
  .caught-card{min-width:0;}
}
html,body{max-width:100%;overflow-x:hidden;}
#how{overflow:hidden;}

/* Shared visual language for supporting pages */
.page-hero{
  position:relative;
  min-height:570px;
  padding:118px 28px 124px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(760px 540px at 86% 14%,rgba(63,139,231,.40),transparent 62%),
    radial-gradient(600px 440px at 8% 100%,rgba(102,169,245,.15),transparent 66%),
    linear-gradient(145deg,#06142B 0%,#0A2147 55%,#123D79 100%);
}
.page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(rgba(185,216,250,.12) 1px,transparent 1px);
  background-size:30px 30px;
  mask-image:linear-gradient(90deg,#000,transparent 88%);
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 88%);
}
.page-hero .ph-inner{position:relative;z-index:1;width:100%;max-width:var(--max);gap:82px;}
.page-hero h1{font-size:clamp(48px,6vw,76px);line-height:1.01;max-width:870px;}
.page-hero .lead{font-size:19px;line-height:1.72;max-width:700px;}
.page-hero .viz,.page-hero .hero-card,.page-hero .price-flag{
  border-radius:28px;
  box-shadow:0 36px 100px rgba(0,0,0,.30);
}
.feature-card,.step-card,.price-card,.problem-card,.industry-card,.legal-card{
  border-radius:22px!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.feature-card:hover,.step-card:hover,.price-card:hover,.problem-card:hover,.industry-card:hover,.legal-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 65px rgba(6,20,43,.14);
  border-color:rgba(31,105,213,.25)!important;
}
@media (max-width:900px){
  .page-hero{min-height:auto;padding:92px 22px 100px;}
  .page-hero .ph-inner{gap:52px;}
}
@media (max-width:680px){
  .page-hero{padding:76px 19px 82px;}
  .page-hero h1{font-size:clamp(42px,12vw,58px);}
  .page-hero .lead{font-size:17px;}
}


.svc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;}
.build-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(56,112,192,0.10);border:1px solid rgba(56,112,192,0.18);color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;}
.svc-status{margin-top:14px;font-size:13px;color:var(--slate);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
@media (max-width:640px){.svc-head{align-items:flex-start;flex-direction:column;}}


/* Original ProcessLabs brand logo restored */
.brand-logo-full{display:block;height:48px;width:auto;max-width:285px;object-fit:contain;}
@media (max-width:680px){.brand-logo-full{height:40px;max-width:235px;}.foot-logo{height:48px;}}