@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');
:root{--navy:#001b41;--deep:#0c2a63;--blue:#095bb1;--light:#dbedf8;--cream:#ffedca;--white:#fff;--ink:#0b203d;--muted:#56708f;--ease:cubic-bezier(.2,.8,.2,1);--shadow:0 24px 70px rgba(0,27,65,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Google Sans Flex","Google Sans","Product Sans",Arial,Helvetica,sans-serif;color:var(--ink);background:#f7fbfe;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.section{padding:110px 0}.section-sm{padding:72px 0}.dark{color:#fff;background:var(--navy)}.light{background:linear-gradient(145deg,#fff,var(--light))}.cream{background:var(--cream)}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--blue);font-weight:800;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:currentColor}.dark .eyebrow{color:#70baff}.section-title{max-width:800px;margin:0 0 18px;font-size:clamp(2.2rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.055em}.section-copy{max-width:700px;color:var(--muted);font-size:1.08rem}.dark .section-copy{color:#b9cce4}.header{position:fixed;z-index:50;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.1);transition:.35s var(--ease)}.header.scrolled{background:rgba(0,27,65,.92);backdrop-filter:blur(18px);box-shadow:0 10px 35px rgba(0,0,0,.18)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;transition:.35s}.scrolled .nav{height:68px}.logo{display:flex;align-items:center;gap:11px;color:#fff;font-size:1.32rem;font-weight:900;letter-spacing:-.04em}.logo-mark{position:relative;width:32px;height:32px;border:2px solid #65b9ff;border-radius:10px;transform:rotate(45deg);box-shadow:0 0 22px rgba(9,91,177,.9)}.logo-mark:after{content:"";position:absolute;inset:7px;background:var(--cream);border-radius:4px}.nav-links{display:flex;align-items:center;gap:23px;color:#cfe3f7;font-size:.9rem;font-weight:700}.nav-links a:hover,.nav-links a.active{color:#fff}.menu-btn{display:none;border:0;background:none;color:#fff;font-size:1.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:51px;padding:0 22px;border:1px solid transparent;border-radius:14px;font-weight:800;cursor:pointer;transition:.3s var(--ease)}.btn:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(9,91,177,.35)}.btn-primary{color:#fff;background:var(--blue)}.btn-light{color:var(--navy);background:#fff}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}.btn-cream{color:var(--navy);background:var(--cream)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero{position:relative;min-height:780px;padding:180px 0 100px;color:#fff;background:radial-gradient(circle at 75% 35%,rgba(9,91,177,.48),transparent 28%),linear-gradient(135deg,var(--navy),var(--deep));overflow:hidden}.hero:before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(219,237,248,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(219,237,248,.16) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb.one{width:400px;height:400px;right:-140px;top:100px;border:1px solid rgba(112,186,255,.3);box-shadow:inset 0 0 80px rgba(9,91,177,.18);animation:spin 22s linear infinite}.orb.two{width:140px;height:140px;left:46%;bottom:30px;background:rgba(255,237,202,.06);filter:blur(20px)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}.hero h1{max-width:690px;margin:0;font-size:clamp(3rem,6.5vw,6.25rem);line-height:.92;letter-spacing:-.07em}.hero h1 span{color:#72bfff}.hero p{max-width:650px;color:#c5d8ed;font-size:1.14rem}.hero-kicker{display:inline-flex;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(255,255,255,.07);color:var(--cream);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.engine{position:relative;min-height:500px;perspective:1000px}.panel{position:absolute;padding:19px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));backdrop-filter:blur(14px);box-shadow:0 30px 80px rgba(0,0,0,.27);animation:float 6s var(--ease) infinite}.panel.main{inset:65px 25px 45px 25px;transform:rotateY(-8deg) rotateX(4deg)}.panel.web{width:190px;right:-12px;top:12px;animation-delay:-2s}.panel.it{width:170px;left:-15px;bottom:32px;animation-delay:-4s}.panel.chat{right:15px;bottom:4px;background:#fff;color:var(--ink)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:.78rem;font-weight:800}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#6fbfff}.mock-window{height:165px;padding:22px;border-radius:13px;background:linear-gradient(135deg,#0a244e,#095bb1)}.mock-line{height:8px;margin-bottom:10px;border-radius:5px;background:rgba(255,255,255,.25)}.mock-line:nth-child(1){width:62%;height:18px;background:#fff}.mock-line:nth-child(2){width:84%}.mock-line:nth-child(3){width:48%}.mock-btn{width:74px;height:25px;margin-top:20px;border-radius:7px;background:var(--cream)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.metric{padding:13px;border-radius:11px;background:rgba(255,255,255,.08);font-size:.68rem}.metric b{display:block;color:#fff;font-size:1rem}.workflow{display:flex;align-items:center;gap:8px}.node{width:34px;height:34px;border-radius:10px;background:var(--blue);box-shadow:0 0 17px rgba(82,170,255,.7)}.line{flex:1;height:2px;background:linear-gradient(90deg,#58aeff,var(--cream));background-size:200% 100%;animation:flow 2s linear infinite}.trust{position:relative;z-index:3;margin-top:-1px;color:#d7e9f9;background:#061f48;border-top:1px solid rgba(255,255,255,.08)}.marquee{display:flex;gap:50px;overflow:hidden;white-space:nowrap;padding:22px 0;font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.marquee-track{display:flex;gap:50px;animation:marquee 24s linear infinite}.marquee span:before{content:"✦";margin-right:14px;color:var(--cream)}.grid-2,.grid-3{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{position:relative;padding:30px;border:1px solid rgba(0,27,65,.08);border-radius:23px;background:rgba(255,255,255,.78);box-shadow:0 10px 35px rgba(0,27,65,.07);overflow:hidden;transition:.35s var(--ease)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.dark .card{color:#fff;border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))}.card h3{margin:14px 0 8px;font-size:1.35rem;line-height:1.2}.card p{color:var(--muted)}.dark .card p{color:#b9cce4}.number{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:var(--blue);font-weight:900;box-shadow:0 8px 20px rgba(9,91,177,.3)}.service-card{min-height:530px;display:flex;flex-direction:column;padding:36px}.service-card .icon{font-size:2rem}.service-card h3{font-size:2rem;letter-spacing:-.04em}.service-card ul{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;list-style:none;font-size:.9rem;color:#c5d8ed}.service-card li:before{content:"↗";margin-right:7px;color:#6fbfff}.service-card .btn{margin-top:auto;align-self:flex-start}.visual{position:relative;display:grid;place-items:center;min-height:260px;border:1px solid rgba(9,91,177,.2);border-radius:22px;background:linear-gradient(145deg,rgba(219,237,248,.6),rgba(255,255,255,.9));overflow:hidden;color:var(--blue);font-weight:900}.visual:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(9,91,177,.18);border-radius:50%;box-shadow:0 0 0 35px rgba(9,91,177,.035),0 0 0 70px rgba(9,91,177,.025)}.visual span{position:relative;padding:10px 16px;border-radius:10px;background:#fff;box-shadow:var(--shadow)}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:50px}.step{position:relative;padding:26px 20px;border-radius:20px;background:#fff;box-shadow:0 9px 30px rgba(0,27,65,.07)}.step:not(:last-child):after{content:"";position:absolute;z-index:2;right:-15px;top:42px;width:16px;height:2px;background:var(--blue)}.step b{color:var(--blue);font-size:.8rem}.step h3{margin:25px 0 5px}.cta{position:relative;padding:68px;border-radius:34px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(112,190,255,.35),transparent 30%),linear-gradient(135deg,var(--navy),var(--deep));overflow:hidden}.cta h2{max-width:750px;margin:0;font-size:clamp(2.25rem,5vw,4.4rem);line-height:1;letter-spacing:-.055em}.cta p{max-width:650px;color:#c5d8ed}.faq{max-width:900px;margin:42px auto 0}.faq-item{border-bottom:1px solid rgba(0,27,65,.13)}.faq-q{width:100%;display:flex;justify-content:space-between;gap:20px;padding:22px 0;border:0;background:none;text-align:left;color:var(--ink);font-weight:800;cursor:pointer}.faq-q span:last-child{color:var(--blue);font-size:1.4rem}.faq-a{max-height:0;overflow:hidden;color:var(--muted);transition:max-height .35s var(--ease)}.faq-item.open .faq-a{max-height:180px}.faq-a p{margin:0;padding:0 0 24px}.page-hero{padding:180px 0 100px;color:#fff;background:radial-gradient(circle at 80% 40%,rgba(9,91,177,.42),transparent 28%),linear-gradient(135deg,var(--navy),var(--deep));text-align:left}.page-hero h1{max-width:1000px;margin:0;font-size:clamp(3rem,7vw,6.5rem);line-height:.94;letter-spacing:-.07em}.page-hero p{max-width:700px;color:#c5d8ed;font-size:1.2rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0;list-style:none}.list-grid li{padding:16px;border-radius:13px;background:#fff;box-shadow:0 6px 22px rgba(0,27,65,.06);font-weight:800}.list-grid li:before{content:"✓";margin-right:9px;color:var(--blue)}.problem-map{display:grid;gap:12px;margin-top:35px}.map-row{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:18px 22px;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(0,27,65,.06)}.map-row b:last-child{color:var(--blue)}.portfolio-card .visual{margin:-30px -30px 25px;border:0;border-radius:23px 23px 0 0;min-height:210px}.tag{display:inline-flex;padding:6px 10px;border-radius:99px;color:var(--deep);background:var(--cream);font-size:.72rem;font-weight:900}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.form-card{padding:38px;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}.field label{display:block;margin-bottom:7px;font-size:.82rem;font-weight:900}.field input,.field select,.field textarea{width:100%;padding:14px 15px;border:1px solid #bed3e4;border-radius:11px;background:#f8fbfd;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,91,177,.1)}.field textarea{min-height:130px;resize:vertical}.form-status{min-height:22px;margin-top:12px;color:var(--blue);font-weight:800}.footer{padding:75px 0 25px;color:#b9cce4;background:#001532}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px}.footer h4{margin-top:0;color:#fff}.footer a{display:block;margin:9px 0}.footer a:hover{color:#fff}.copyright{display:flex;justify-content:space-between;margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}.whatsapp{position:fixed;z-index:45;right:22px;bottom:22px;display:grid;place-items:center;width:60px;height:60px;border:4px solid #fff;border-radius:50%;color:#fff;background:#22c55e;box-shadow:0 14px 35px rgba(0,0,0,.25);font-weight:900;transition:.3s}.whatsapp:hover{transform:scale(1.08) rotate(-5deg)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes flow{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:960px){.nav-links{position:fixed;inset:0 0 0 22%;padding:100px 30px;display:flex;flex-direction:column;align-items:flex-start;background:rgba(0,27,65,.98);transform:translateX(105%);transition:.35s var(--ease)}.nav-links.open{transform:none}.menu-btn{display:block;z-index:2}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.engine{min-height:430px}.grid-3{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.step:after{display:none}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:150px}.page-hero{padding-top:150px}}
@media(max-width:640px){.container{width:min(100% - 28px,1160px)}.section{padding:78px 0}.hero{min-height:auto;padding-bottom:70px}.hero h1,.page-hero h1{font-size:clamp(2.8rem,14vw,4.4rem)}.hero-grid{gap:30px}.engine{min-height:370px}.panel.main{inset:45px 5px}.panel.web{right:-5px;width:145px}.panel.it{left:-5px;width:140px}.panel.chat{display:none}.grid-2,.grid-3,.timeline,.field-row,.list-grid{grid-template-columns:1fr}.service-card{min-height:auto}.service-card ul{grid-template-columns:1fr}.cta{padding:42px 25px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.map-row{grid-template-columns:1fr}.map-row span{display:none}.actions .btn{width:100%}.whatsapp{width:54px;height:54px}.nav .btn{display:none}.section-title{font-size:2.55rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Refined services overview */
.services-section{padding:120px 0}
.services-heading{margin-bottom:46px}
.service-grid{gap:26px;align-items:stretch}
.service-card{min-height:590px;display:flex;flex-direction:column;padding:40px 38px 36px;overflow:visible}
.service-card:hover{transform:translateY(-6px);border-color:rgba(9,91,177,.8);box-shadow:0 24px 60px rgba(9,91,177,.24),0 0 0 1px rgba(112,186,255,.18)}
.service-card__top{display:flex;flex-direction:column}
.service-card .icon{display:flex;align-items:center;height:45px;margin-bottom:22px;font-size:2rem;line-height:1}
.service-card h3{min-height:78px;margin:0 0 18px;font-size:2rem;line-height:1.16;letter-spacing:-.04em}
.service-card p{min-height:116px;margin:0;font-size:1rem;line-height:1.6}
.service-card__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:13px 18px;margin:25px 0 32px;padding:0;list-style:none;color:#c5d8ed;font-size:.88rem;line-height:1.45}
.service-card__list li{display:flex;align-items:flex-start;min-width:0}
.service-card__list li:before{content:"↗";flex:0 0 auto;margin:1px 9px 0 0;color:#6fbfff;font-size:.78rem}
.service-card__action{margin-top:auto}
.service-card__action .btn{width:100%;min-height:58px;padding:0 18px;justify-content:space-between;white-space:nowrap;font-size:.9rem}
.service-grid .service-card:nth-child(1){transition-delay:.1s}
.service-grid .service-card:nth-child(2){transition-delay:.2s}
.service-grid .service-card:nth-child(3){transition-delay:.3s}

@media(max-width:1100px){
  .service-card{padding:34px 28px}
  .service-card h3{font-size:1.72rem}
  .service-card__action .btn{padding:0 14px;font-size:.8rem}
}
@media(max-width:960px){
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card{min-height:570px}
}
@media(max-width:640px){
  .services-section{padding:86px 0}
  .services-heading{margin-bottom:32px}
  .service-grid{grid-template-columns:1fr}
  .service-card{min-height:auto;padding:32px 25px}
  .service-card .icon{margin-bottom:18px}
  .service-card h3,.service-card p{min-height:0}
  .service-card h3{margin-bottom:15px;font-size:1.8rem}
  .service-card__list{grid-template-columns:1fr;gap:11px;margin:23px 0 28px}
  .service-card__action .btn{width:100%;font-size:.88rem}
}
@media(prefers-reduced-motion:reduce){
  .service-grid .service-card{transition-delay:0s}
}

/* Keep white feature tiles readable inside dark sections. */
.dark .list-grid li{color:var(--ink)}

/* Interactive primary navigation */
.nav-links a{position:relative;padding:10px 4px;transition:color .3s var(--ease),transform .3s var(--ease)}
.nav-links a:before{content:"";position:absolute;inset:4px -10px;border:1px solid rgba(112,186,255,0);border-radius:11px;background:rgba(9,91,177,0);transform:scale(.82);transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease);z-index:-1}
.nav-links a:after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,#6fbdff,var(--cream));transition:left .3s var(--ease),right .3s var(--ease);box-shadow:0 0 10px rgba(111,189,255,.7)}
.nav-links a:hover,.nav-links a.active{color:#fff;transform:translateY(-2px)}
.nav-links a:hover:before,.nav-links a.active:before{border-color:rgba(112,186,255,.2);background:rgba(9,91,177,.16);transform:scale(1)}
.nav-links a:hover:after,.nav-links a.active:after{left:4px;right:4px}
.nav-links a:focus-visible{outline:2px solid var(--cream);outline-offset:7px;border-radius:5px}

/* Three focused service destinations */
.nav-links{gap:12px;padding:6px;border:1px solid rgba(112,186,255,.14);border-radius:18px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 35px rgba(0,0,0,.1)}
.nav-links a{min-width:118px;padding:12px 17px;text-align:center;border-radius:12px;color:#d8e9f8;letter-spacing:.01em}
.nav-links a:before{inset:0;border-radius:12px}
.nav-links a:after{bottom:5px}
.nav-links a:hover,.nav-links a.active{color:#fff;text-shadow:0 0 18px rgba(112,186,255,.45)}
.nav-links a:hover:before{border-color:rgba(112,186,255,.3);background:linear-gradient(135deg,rgba(9,91,177,.32),rgba(12,42,99,.2));box-shadow:0 8px 22px rgba(9,91,177,.18)}
.nav-links a.active:before{border-color:rgba(255,237,202,.32);background:linear-gradient(135deg,rgba(9,91,177,.55),rgba(12,42,99,.35));box-shadow:0 8px 25px rgba(9,91,177,.28),inset 0 1px 0 rgba(255,255,255,.12)}

@media(max-width:960px){
  .nav-links{gap:12px;padding:100px 30px;border:0;border-radius:0;background:rgba(0,27,65,.98);box-shadow:none}
  .nav-links a{width:100%;min-width:0;padding:15px 18px;text-align:left}
}

@media(prefers-reduced-motion:reduce){
  .nav-links a{transform:none!important}
}

/* Footer social placeholders */
.social-links{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.social-links a{display:grid;place-items:center;width:42px;height:42px;margin:0;border:1px solid rgba(112,186,255,.2);border-radius:13px;color:#cfe5f8;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:color .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.social-links svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.social-links a:first-child svg{fill:currentColor;stroke:none}
.social-links a:hover{color:var(--navy);border-color:var(--cream);background:var(--cream);transform:translateY(-4px) rotate(-3deg);box-shadow:0 12px 26px rgba(9,91,177,.28),0 0 18px rgba(255,237,202,.18)}
.social-links a:hover svg{transform:scale(1.12)}
.social-links a:active{transform:translateY(-1px) scale(.93)}
.social-links a:focus-visible{outline:2px solid var(--cream);outline-offset:4px}

@media(max-width:640px){
  .copyright{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
  .social-links{justify-content:flex-start;flex-wrap:wrap}
  .social-links a{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
  .social-links a,.social-links svg{transform:none!important}
}

/* Center footer socials clear of the floating chat control. */
.copyright{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.copyright>span{justify-self:start}
.social-links{grid-column:2;justify-self:center;justify-content:center;padding:0 12px}

@media(max-width:760px){
  .copyright{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
  .copyright>span{justify-self:auto}
  .social-links{justify-content:center;padding:0 60px}
}
@media(max-width:420px){
  .social-links{gap:8px;padding:0 44px}
  .social-links a{width:38px;height:38px;border-radius:11px}
  .social-links svg{width:17px;height:17px}
}

/* Homepage hero's single primary action */
.hero .actions{margin-top:38px}
.hero .actions .btn-primary{position:relative;isolation:isolate;min-width:290px;min-height:66px;padding:0 30px;border-color:rgba(255,255,255,.16);border-radius:18px;font-size:1.06rem;letter-spacing:.01em;overflow:hidden;background:linear-gradient(135deg,#0b69c7,#095bb1 60%,#0c2a63);box-shadow:0 18px 44px rgba(9,91,177,.38),inset 0 1px 0 rgba(255,255,255,.2);animation:hero-cta-pulse 3.2s var(--ease) infinite}
.hero .actions .btn-primary:before{content:"";position:absolute;z-index:-1;top:-60%;bottom:-60%;left:-35%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:rotate(18deg);transition:left .65s var(--ease)}
.hero .actions .btn-primary span{font-size:1.25rem;transition:transform .3s var(--ease)}
.hero .actions .btn-primary:hover{transform:translateY(-5px) scale(1.025);border-color:rgba(255,237,202,.55);box-shadow:0 24px 54px rgba(9,91,177,.52),0 0 28px rgba(112,186,255,.22),inset 0 1px 0 rgba(255,255,255,.25)}
.hero .actions .btn-primary:hover:before{left:115%}
.hero .actions .btn-primary:hover span{transform:translate(3px,-3px)}
.hero .actions .btn-primary:active{transform:translateY(-1px) scale(.98)}
@keyframes hero-cta-pulse{0%,100%{box-shadow:0 18px 44px rgba(9,91,177,.38),inset 0 1px 0 rgba(255,255,255,.2)}50%{box-shadow:0 21px 50px rgba(9,91,177,.5),0 0 24px rgba(112,186,255,.18),inset 0 1px 0 rgba(255,255,255,.22)}}

@media(max-width:640px){
  .hero .actions .btn-primary{width:100%;min-width:0;min-height:62px}
}
@media(prefers-reduced-motion:reduce){
  .hero .actions .btn-primary{animation:none}
}

/* Human-tech homepage hero visual */
.hero-human{position:relative;min-height:640px;isolation:isolate;cursor:default}
.human-glow{position:absolute;z-index:-3;left:50%;top:46%;width:76%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(9,91,177,.68) 0,rgba(9,91,177,.28) 34%,rgba(12,42,99,.08) 61%,transparent 72%);filter:blur(18px);animation:human-glow-pulse 6.5s ease-in-out infinite;transition:filter .35s var(--ease),opacity .35s var(--ease)}
.digital-ring{position:absolute;z-index:-2;left:50%;top:47%;border:1px solid rgba(112,190,255,.28);border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg);box-shadow:0 0 28px rgba(9,91,177,.13);pointer-events:none}
.ring-one{width:88%;aspect-ratio:1/.72;animation:ring-drift 26s linear infinite}
.ring-two{width:68%;aspect-ratio:1/.84;border-style:dashed;border-color:rgba(255,237,202,.18);animation:ring-drift-reverse 32s linear infinite}
.hero-person{position:absolute;z-index:2;left:50%;bottom:-155px;width:min(650px,116%);height:auto;transform:translateX(-50%);filter:drop-shadow(0 28px 35px rgba(0,0,0,.27)) drop-shadow(0 0 20px rgba(9,91,177,.2));transition:transform .35s var(--ease),filter .35s var(--ease);will-change:transform}
.hero-particles{position:absolute;z-index:3;inset:5% 2% 8%;pointer-events:none}
.hero-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#77c8ff;box-shadow:0 0 10px #77c8ff;opacity:.28;animation:particle-float 10s ease-in-out infinite;animation-delay:calc(var(--i)*-.7s)}
.hero-particles i:nth-child(1){left:8%;top:18%}.hero-particles i:nth-child(2){left:22%;top:8%}.hero-particles i:nth-child(3){left:37%;top:28%}.hero-particles i:nth-child(4){left:51%;top:11%}.hero-particles i:nth-child(5){left:68%;top:22%}.hero-particles i:nth-child(6){left:87%;top:13%}.hero-particles i:nth-child(7){left:12%;top:58%}.hero-particles i:nth-child(8){left:30%;top:73%}.hero-particles i:nth-child(9){left:48%;top:61%}.hero-particles i:nth-child(10){left:65%;top:78%}.hero-particles i:nth-child(11){left:81%;top:55%}.hero-particles i:nth-child(12){left:93%;top:72%}
.hero-particles i:nth-child(3n){width:3px;height:3px;animation-duration:8s}.hero-particles i:nth-child(3n+1){width:5px;height:5px;animation-duration:13s}
.hero-particles i:nth-child(4n){background:var(--cream);box-shadow:0 0 10px rgba(255,237,202,.8)}
.hero-human:hover .hero-person{transform:translateX(-50%) translateY(-5px) scale(1.01);filter:drop-shadow(0 34px 42px rgba(0,0,0,.3)) drop-shadow(0 0 28px rgba(74,167,255,.32))}
.hero-human:hover .human-glow{filter:blur(12px);opacity:1}
.hero-human:hover .hero-particles i{opacity:.65}
@keyframes human-glow-pulse{0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}
@keyframes ring-drift{to{transform:translate(-50%,-50%) rotate(346deg)}}
@keyframes ring-drift-reverse{to{transform:translate(-50%,-50%) rotate(-374deg)}}
@keyframes particle-float{0%,100%{transform:translate(0,0) scale(.75);opacity:.2}50%{transform:translate(12px,-25px) scale(1.15);opacity:.62}}

@media(max-width:960px){
  .hero-human{min-height:610px}
  .hero-person{bottom:-130px;width:min(620px,95%)}
}
@media(max-width:640px){
  .hero-grid{gap:28px}
  .hero-human{min-height:520px;margin-top:0;overflow:visible}
  .hero-person{bottom:0;width:min(410px,100%)}
  .human-glow{width:86%;top:48%}
  .ring-one{width:96%}
  .ring-two{width:76%}
  .hero-particles{inset:8% 0 12%}
}
@media(max-width:420px){
  .hero-grid{gap:24px}
  .hero-human{min-height:485px;margin-top:0}
  .hero-person{bottom:0;width:min(370px,100%)}
}
@media(max-width:640px){
  .hero{padding-bottom:0}
  .hero-human{margin-bottom:-1px}
}
@media(prefers-reduced-motion:reduce){
  .human-glow,.digital-ring,.hero-particles i{animation:none}
  .hero-person{will-change:auto}
}

/* Mobile swipe carousel for the Quiet Cost cards */
.quiet-cost__mobile-nav{display:none}
@media(max-width:640px){
  .quiet-cost .container{width:100%}
  .quiet-cost .eyebrow,.quiet-cost .section-title,.quiet-cost .section-copy{margin-left:14px;margin-right:14px}
  .quiet-cost__track{display:flex;gap:16px;margin-top:30px;padding:8px 14px 24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:14px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .quiet-cost__track::-webkit-scrollbar{display:none}
  .quiet-cost__track .card{flex:0 0 min(84vw,340px);min-height:310px;padding:32px 28px;scroll-snap-align:start;opacity:.58;transform:translateY(18px) scale(.96);filter:saturate(.78);transition:opacity .45s var(--ease),transform .45s var(--ease),filter .45s var(--ease),box-shadow .45s var(--ease)}
  .quiet-cost__track .card.is-seen{opacity:.84;transform:translateY(0) scale(.985);filter:saturate(.94)}
  .quiet-cost__track .card.is-active{opacity:1;transform:translateY(-3px) scale(1);filter:none;box-shadow:0 22px 45px rgba(0,27,65,.13)}
  .quiet-cost__track .card h3{font-size:1.48rem}
  .quiet-cost__track .card p{font-size:1rem}
  .quiet-cost__mobile-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:0 18px;color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
  .quiet-cost__progress{height:3px;overflow:hidden;border-radius:99px;background:rgba(9,91,177,.12)}
  .quiet-cost__progress i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#65b9ff);transform:scaleX(.08);transform-origin:left center;transition:transform .18s linear;box-shadow:0 0 10px rgba(9,91,177,.4)}
  .quiet-cost__count{color:var(--blue);font-variant-numeric:tabular-nums}
}
@media(prefers-reduced-motion:reduce){
  .quiet-cost__track .card{opacity:1;transform:none;filter:none}
}

/* Brand logo asset */
.brand-logo{display:block;flex:0 0 auto;width:190px;height:auto;line-height:0}
.brand-logo img{display:block;width:100%;height:auto;object-fit:contain}
.footer .brand-logo{width:205px;height:auto}
@media(max-width:640px){
  .brand-logo{width:158px;height:auto}
}

/* Refined desktop navigation */
@media (min-width:961px){
  .nav{gap:28px}
  .nav-links{gap:4px;padding:5px;border:1px solid rgba(143,198,255,.16);border-radius:999px;background:rgba(4,30,70,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,10,35,.16);backdrop-filter:blur(14px)}
  .nav-links a{z-index:0;min-width:0;padding:11px 20px;border-radius:999px;color:#c7d9ec;font-size:.88rem;font-weight:650;letter-spacing:0;transform:none;transition:color .25s var(--ease),transform .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease)}
  .nav-links a:before,.nav-links a:after{display:none}
  .nav-links a:hover{color:#fff;background:rgba(255,255,255,.07);transform:translateY(-1px);text-shadow:none}
  .nav-links a.active{color:#fff;background:linear-gradient(135deg,#176fca,#0a4b9a);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 7px 18px rgba(1,71,151,.35);text-shadow:none;transform:none}
  .nav-links a.active:after{content:"";display:block;position:absolute;left:50%;right:auto;bottom:5px;width:4px;height:4px;border-radius:50%;background:#b9ddff;box-shadow:0 0 9px rgba(185,221,255,.9);transform:translateX(-50%)}
  .nav>.btn{min-height:48px;padding:0 20px;border-radius:14px;white-space:nowrap;box-shadow:0 8px 22px rgba(0,14,45,.16)}
  .nav>.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,14,45,.25)}
  .scrolled .nav-links a{padding-top:9px;padding-bottom:9px}
  .scrolled .nav>.btn{min-height:44px}
}
/* Comfortable Google Sans hero typography */
.hero h1,
.page-hero h1{
  letter-spacing:normal;
  line-height:1.06;
}
.hero h1{
  font-size:clamp(3rem,5vw,5rem);
  max-width:720px;
}
.page-hero h1{
  font-size:clamp(3rem,5.2vw,5.2rem);
  max-width:1080px;
}
@media (max-width:960px){
  .hero h1,.page-hero h1{font-size:clamp(2.7rem,8.5vw,4.2rem);line-height:1.07}
}
@media (max-width:640px){
  .hero h1,.page-hero h1{font-size:clamp(2.35rem,10vw,3.35rem);line-height:1.08}
}
/* Site-wide Google Sans heading rhythm */
h1,h2,h3,h4,h5,h6{
  letter-spacing:normal;
  line-height:1.2;
  text-wrap:balance;
}
.logo{
  letter-spacing:normal;
  font-weight:800;
}
.section-title{
  max-width:820px;
  font-size:clamp(2.2rem,4vw,3.75rem);
  line-height:1.12;
  letter-spacing:normal;
  font-weight:700;
}
.cta h2{
  max-width:760px;
  font-size:clamp(2.2rem,4vw,3.75rem);
  line-height:1.12;
  letter-spacing:normal;
  font-weight:700;
}
.card h3{
  font-size:1.3rem;
  line-height:1.3;
  letter-spacing:normal;
  font-weight:700;
}
.service-card h3{
  min-height:0;
  font-size:1.75rem;
  line-height:1.24;
  letter-spacing:normal;
  font-weight:700;
}
.step h3,
.footer h4,
.form-card h2,
.form-card h3{
  line-height:1.3;
  letter-spacing:normal;
}
.step h3{font-size:1.12rem}
.footer h4{font-size:1rem;font-weight:700}
.faq-q{line-height:1.35;letter-spacing:normal}
.visual span,.list-grid li,.map-row b{letter-spacing:normal;line-height:1.35}
@media (max-width:960px){
  .section-title,.cta h2{font-size:clamp(2.15rem,6vw,3.35rem);line-height:1.14}
  .service-card h3{font-size:1.65rem}
}
@media (max-width:640px){
  .section-title,.cta h2{font-size:clamp(2rem,9vw,2.75rem);line-height:1.16}
  .card h3{font-size:1.24rem}
  .service-card h3{font-size:1.55rem;line-height:1.28}
}
/* Consistent site-wide spacing system */
:root{
  --page-gutter:clamp(24px,4vw,64px);
  --section-space:clamp(76px,7vw,104px);
  --section-space-sm:clamp(54px,5vw,72px);
}
.container{
  width:min(100%,1440px);
  padding-inline:var(--page-gutter);
  margin-inline:auto;
}
.section,
.services-section{
  padding-block:var(--section-space);
  padding-inline:0;
}
.section-sm{
  padding-block:var(--section-space-sm);
  padding-inline:0;
}
.hero{
  padding:clamp(148px,12vw,180px) 0 clamp(80px,7vw,104px);
}
.page-hero{
  padding:clamp(148px,12vw,176px) 0 clamp(76px,7vw,96px);
}
.footer{
  padding:var(--section-space-sm) 0 24px;
}
.cta{
  padding:clamp(42px,5vw,68px);
}
.grid-2,.grid-3{
  width:100%;
}
@media (max-width:960px){
  :root{--page-gutter:clamp(22px,5vw,40px);--section-space:clamp(68px,9vw,88px)}
  .hero,.page-hero{padding-top:clamp(132px,17vw,154px);padding-bottom:76px}
}
@media (max-width:640px){
  :root{--page-gutter:20px;--section-space:68px;--section-space-sm:48px}
  .container{width:100%;padding-inline:var(--page-gutter)}
  .section,.services-section{padding-block:var(--section-space)}
  .hero,.page-hero{padding-top:126px;padding-bottom:64px}
  .cta{padding:38px 24px}
  .quiet-cost .container{width:100%;padding-inline:var(--page-gutter)}
  .quiet-cost .eyebrow,.quiet-cost .section-title,.quiet-cost .section-copy{margin-left:0;margin-right:0}
  .quiet-cost__track{margin-inline:calc(var(--page-gutter) * -1);padding-inline:var(--page-gutter);scroll-padding-inline:var(--page-gutter)}
  .quiet-cost__mobile-nav{padding-inline:0}
}
/* Stable header CTA and balanced heading labels */
@media (min-width:961px){
  .nav>.btn{
    flex:0 0 250px;
    width:250px;
    height:48px;
    min-height:48px;
    padding:0 18px;
    font-size:.92rem;
    line-height:1;
    contain:layout;
  }
  .scrolled .nav>.btn{
    height:44px;
    min-height:44px;
  }
}
.hero-kicker,
.eyebrow{
  display:flex;
  width:max-content;
  max-width:100%;
  margin-bottom:22px;
  font-size:.7rem;
  line-height:1.2;
  letter-spacing:.1em;
}
.hero-kicker{
  padding:7px 12px;
}
.eyebrow + .section-title,
.hero-kicker + h1{
  margin-top:0;
}
@media (max-width:640px){
  .hero-kicker,.eyebrow{
    margin-bottom:18px;
    font-size:.66rem;
    letter-spacing:.08em;
  }
}
/* Keep the header consultation CTA identical in every header state */
@media (min-width:961px){
  .nav>.btn,
  .scrolled .nav>.btn{
    flex-basis:250px;
    width:250px;
    height:48px;
    min-height:48px;
    padding-block:0;
    transform:none;
  }
  .nav>.btn:hover,
  .scrolled .nav>.btn:hover{
    transform:translateY(-2px);
  }
}
/* Photorealistic campaign imagery */
.visual-photo{
  margin:0;
  min-height:360px;
  aspect-ratio:3/2;
  padding:0;
  background:#dbe8f3;
  isolation:isolate;
}
.visual-photo:before{display:none}
.visual-photo img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .65s var(--ease),filter .65s var(--ease);
}
.visual-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 58%,rgba(0,27,65,.12));
  pointer-events:none;
}
.visual-photo:hover img{transform:scale(1.025);filter:saturate(1.04)}
.portfolio-card .visual-photo{aspect-ratio:16/10;min-height:220px}
@media(max-width:960px){.visual-photo{min-height:320px}}
@media(max-width:640px){.visual-photo{min-height:250px;aspect-ratio:4/3}}
/* Interactive business friction explorer */
.friction-section{overflow:hidden;background:radial-gradient(circle at 70% 58%,rgba(90,174,255,.13),transparent 30%),linear-gradient(145deg,#f8fbfe,#eaf4fb)}
.friction-explorer{--mx:0;--my:0;display:grid;grid-template-columns:220px minmax(390px,1fr) minmax(260px,330px);grid-template-areas:"tabs stage copy" "tabs controls copy";gap:24px;align-items:center;margin-top:50px}
.friction-tabs{grid-area:tabs;display:grid;gap:9px}
.friction-tab{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(9,91,177,.12);border-radius:15px;color:var(--muted);background:rgba(255,255,255,.65);text-align:left;cursor:pointer;transition:.3s var(--ease)}
.friction-tab span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;color:var(--blue);background:#e1f0fb;font-size:.7rem;font-weight:800;transition:.3s var(--ease)}
.friction-tab b{font-size:.85rem;line-height:1.15}
.friction-tab:hover{color:var(--ink);border-color:rgba(9,91,177,.25);transform:translateX(3px)}
.friction-tab.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#166fc9,#084b98);box-shadow:0 14px 30px rgba(9,91,177,.23);transform:translateX(8px)}
.friction-tab.active span{color:var(--navy);background:var(--cream)}
.friction-tab:focus-visible{outline:3px solid rgba(9,91,177,.28);outline-offset:3px}
.friction-stage{grid-area:stage;position:relative;min-height:430px;border:1px solid rgba(9,91,177,.12);border-radius:34px;background:radial-gradient(circle at 50% 45%,#fff 0,#f3f9fd 55%,#e4f0f9 100%);box-shadow:inset 0 1px 0 #fff,0 24px 60px rgba(0,27,65,.1);overflow:hidden;perspective:900px}
.friction-stage:before,.friction-stage:after{content:"";position:absolute;border:1px solid rgba(9,91,177,.1);border-radius:50%;pointer-events:none}
.friction-stage:before{width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%)}
.friction-stage:after{width:240px;height:240px;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 45px rgba(9,91,177,.025)}
.friction-scene{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(18px) scale(.96);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility .45s}
.friction-scene.active{opacity:1;visibility:visible;transform:none}
.friction-art{position:relative;z-index:2;width:80%;height:72%;transform:rotateX(calc(var(--my) * -3deg)) rotateY(calc(var(--mx) * 4deg));transition:transform .2s ease-out}
.friction-copy{grid-area:copy;position:relative;min-height:310px}
.friction-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateX(18px);transition:.4s var(--ease)}
.friction-panel.active{opacity:1;visibility:visible;transform:none}
.friction-count{color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.1em}
.friction-panel h3{margin:16px 0 12px;font-size:clamp(1.65rem,2.3vw,2.35rem);line-height:1.16}
.friction-panel p{margin:0;color:var(--muted);font-size:1.02rem;line-height:1.65}
.friction-panel a{display:inline-flex;align-items:center;gap:9px;margin-top:24px;color:var(--blue);font-weight:800}
.friction-panel a span{transition:transform .25s var(--ease)}.friction-panel a:hover span{transform:translateX(5px)}
.friction-mobile-controls{grid-area:controls;display:flex;align-items:center;justify-content:center;gap:15px}
.friction-mobile-controls button{display:none;width:42px;height:42px;border:1px solid rgba(9,91,177,.16);border-radius:50%;color:var(--blue);background:#fff;cursor:pointer}
.friction-dots{display:flex;gap:7px}.friction-dots i{width:7px;height:7px;border-radius:9px;background:#bfd1df;transition:.3s}.friction-dots i.active{width:24px;background:var(--blue)}
/* Scene: old website */
.mini-browser{position:absolute;inset:28px 18px 34px;padding:18px;border:1px solid #bdd5e8;border-radius:20px;background:#fff;box-shadow:0 22px 45px rgba(0,27,65,.15);animation:browserFloat 4s ease-in-out infinite}.mini-browser>i{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:#c5d7e5}.mini-browser>i:first-child{background:#ffad9d}.browser-lines{display:grid;gap:13px;margin-top:25px}.browser-lines b,.browser-lines span{height:11px;border-radius:7px;background:#dceaf4}.browser-lines b{width:62%;height:25px;background:#92c8f5}.browser-lines span:nth-child(3){width:74%}.browser-lines em{position:absolute;right:18px;bottom:16px;color:#94a9ba;font-size:.75rem;font-style:normal}.refresh-orbit{position:absolute;right:-6px;top:5px;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;color:#fff;background:var(--blue);font-size:2rem;box-shadow:0 14px 30px rgba(9,91,177,.28);animation:slowSpin 8s linear infinite}
/* Scene: manual workflow */
.task-stack span{position:absolute;left:8%;width:145px;padding:17px;border-radius:15px;color:var(--navy);background:#fff;box-shadow:0 14px 32px rgba(0,27,65,.13);font-weight:800;animation:taskDrift 3.5s ease-in-out infinite}.task-stack span:nth-child(1){top:18%}.task-stack span:nth-child(2){top:42%;animation-delay:-1s}.task-stack span:nth-child(3){top:66%;animation-delay:-2s}.loop-arrow{position:absolute;left:48%;top:36%;color:#8ebee5;font-size:5rem;animation:slowSpin 5s linear infinite}.automation-node{position:absolute;right:7%;top:36%;display:grid;place-items:center;width:110px;height:110px;border-radius:30px;color:#fff;background:linear-gradient(135deg,#1174d5,#063d86);box-shadow:0 22px 40px rgba(9,91,177,.28);font-weight:900}
/* Scene: IT */
.device-row{position:absolute;inset:40% 2% auto;display:flex;justify-content:space-between}.device-row span{display:grid;place-items:center;width:88px;height:74px;border:1px solid #c7dceb;border-radius:18px;background:#fff;box-shadow:0 12px 25px rgba(0,27,65,.1);font-size:.75rem;font-weight:800}.warning-pulse{position:absolute;left:50%;top:8%;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;color:#fff;background:#f5a623;font-size:2rem;font-weight:900;transform:translateX(-50%);animation:warningPulse 1.8s ease-in-out infinite}.status-line{position:absolute;left:12%;right:12%;bottom:13%;height:8px;border-radius:8px;background:#d6e7f3;overflow:hidden}.status-line i{display:block;width:70%;height:100%;background:linear-gradient(90deg,#f5a623,#22c55e);animation:statusMove 3s ease-in-out infinite}
/* Scene: inquiries */
.message-stream span{position:absolute;left:3%;width:125px;height:52px;border-radius:16px 16px 16px 4px;background:#fff;box-shadow:0 12px 26px rgba(0,27,65,.12);animation:messageFly 3.6s var(--ease) infinite}.message-stream span:nth-child(1){top:12%}.message-stream span:nth-child(2){top:42%;animation-delay:-1.2s}.message-stream span:nth-child(3){top:70%;animation-delay:-2.4s}.inbox-tray{position:absolute;right:5%;top:35%;display:grid;place-items:center;width:150px;height:105px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#126fc9,#063e87);font-weight:900;box-shadow:0 20px 40px rgba(9,91,177,.25)}.inbox-tray b{position:absolute;right:-10px;top:-10px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--navy);background:var(--cream)}.route-line{position:absolute;left:38%;right:35%;top:50%;height:3px;background:linear-gradient(90deg,#75b9f3,var(--blue));background-size:200%;animation:routeFlow 1.5s linear infinite}
/* Scene: connected tools */
.tools-art svg{position:absolute;inset:0;width:100%;height:100%}.tools-art path{fill:none;stroke:#76b6ea;stroke-width:3;stroke-dasharray:8 8;animation:dashFlow 4s linear infinite}.tool-node,.hub-node{position:absolute;z-index:2;display:grid;place-items:center;border-radius:18px;font-size:.72rem;font-weight:900;box-shadow:0 13px 28px rgba(0,27,65,.13)}.tool-node{width:72px;height:64px;color:var(--navy);background:#fff}.n1{left:4%;top:5%}.n2{right:4%;top:5%}.n3{left:4%;bottom:5%}.n4{right:4%;bottom:5%}.hub-node{left:50%;top:50%;width:100px;height:100px;color:#fff;background:linear-gradient(135deg,#1475d2,#063b81);transform:translate(-50%,-50%);animation:hubPulse 2.4s ease-in-out infinite}
/* Scene: cost */
.cost-bars{position:absolute;left:9%;right:9%;bottom:16%;display:flex;align-items:flex-end;justify-content:center;gap:18px;height:70%}.cost-bars span{width:52px;border-radius:15px 15px 6px 6px;background:linear-gradient(#82c2f7,#176fc4);box-shadow:0 12px 25px rgba(9,91,177,.18);animation:barBreathe 3s ease-in-out infinite}.cost-bars span:nth-child(1){height:55%}.cost-bars span:nth-child(2){height:82%;animation-delay:-.6s}.cost-bars span:nth-child(3){height:68%;animation-delay:-1.2s}.cost-bars span:nth-child(4){height:94%;animation-delay:-1.8s}.cost-badge{position:absolute;right:3%;top:6%;display:grid;place-items:center;width:92px;height:58px;border-radius:18px;color:var(--navy);background:var(--cream);font-weight:900;box-shadow:0 13px 26px rgba(0,27,65,.12)}.down-arrow{position:absolute;left:8%;top:5%;color:#22a66f;font-size:4rem;animation:arrowDrop 2s ease-in-out infinite}
@keyframes browserFloat{50%{transform:translateY(-7px) rotate(.4deg)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes taskDrift{50%{transform:translateX(8px)}}@keyframes warningPulse{50%{transform:translateX(-50%) scale(1.08);box-shadow:0 0 0 18px rgba(245,166,35,0)}}@keyframes statusMove{50%{width:100%}}@keyframes messageFly{0%,20%{transform:translateX(0);opacity:1}75%,100%{transform:translateX(190px);opacity:.15}}@keyframes routeFlow{to{background-position:-200%}}@keyframes dashFlow{to{stroke-dashoffset:-32}}@keyframes hubPulse{50%{transform:translate(-50%,-50%) scale(1.06)}}@keyframes barBreathe{50%{transform:scaleY(.88);transform-origin:bottom}}@keyframes arrowDrop{50%{transform:translateY(9px)}}
@media(max-width:1100px){.friction-explorer{grid-template-columns:1fr 300px;grid-template-areas:"tabs tabs" "stage copy" "controls controls"}.friction-tabs{grid-template-columns:repeat(3,1fr)}.friction-tab.active{transform:translateY(-3px)}.friction-stage{min-height:390px}}
@media(max-width:700px){.friction-explorer{display:grid;grid-template-columns:1fr;grid-template-areas:"tabs" "stage" "copy" "controls";gap:18px;margin-top:34px}.friction-tabs{display:none}.friction-stage{min-height:330px;border-radius:25px}.friction-copy{min-height:245px}.friction-panel{justify-content:flex-start;padding-top:6px}.friction-panel h3{font-size:1.65rem}.friction-mobile-controls button{display:grid;place-items:center}.friction-art{width:88%;height:78%}.mini-browser{inset:22px 5px 28px}.task-stack span{width:120px;padding:13px}.automation-node{width:92px;height:92px}.device-row span{width:72px;height:62px}.message-stream span{width:105px}.inbox-tray{width:125px}.cost-bars span{width:38px}}
@media(prefers-reduced-motion:reduce){.friction-art *,.friction-art{animation:none!important;transition:none!important}.friction-art{transform:none!important}}
/* Modern service icons and swipeable service cards */
.service-grid{align-items:stretch}
.service-card{position:relative;min-height:690px;height:100%;overflow:hidden;border-color:rgba(116,181,239,.16);background:linear-gradient(150deg,rgba(255,255,255,.105),rgba(255,255,255,.035))}
.service-card:before{content:"";position:absolute;inset:-35% 45% 55% -20%;border-radius:50%;background:radial-gradient(circle,rgba(70,157,238,.17),transparent 70%);pointer-events:none;transition:transform .7s var(--ease)}
.service-card:hover:before{transform:translate(30px,18px) scale(1.12)}
.service-card .icon{position:relative;display:grid;place-items:center;width:68px;height:68px;margin-bottom:26px;border:1px solid rgba(132,197,255,.26);border-radius:21px;color:#bfe2ff;background:linear-gradient(145deg,rgba(20,117,210,.42),rgba(5,51,110,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 15px 34px rgba(0,13,42,.22);transition:transform .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease)}
.service-card .icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.service-card:hover .icon{color:#fff;transform:translateY(-4px) rotate(-2deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 20px 38px rgba(4,72,147,.35),0 0 28px rgba(76,163,244,.16)}
.service-card h3{min-height:72px}
.service-card p{min-height:122px}
.service-card__list{grid-template-columns:1fr;grid-auto-rows:minmax(27px,auto);gap:8px;margin:24px 0 30px;padding:18px 20px;border:1px solid rgba(128,190,245,.12);border-radius:19px;background:rgba(0,24,60,.2)}
.service-card__list li{align-items:center;line-height:1.3;white-space:nowrap}
.service-card__list li:before{content:"";width:7px;height:7px;margin:0 12px 0 0;border:2px solid #70baff;border-radius:50%;box-shadow:0 0 0 4px rgba(112,186,255,.08)}
.service-card.reveal{opacity:0;transform:translateY(42px) rotateX(5deg) scale(.97);transform-origin:center bottom;transition:opacity .75s var(--ease),transform .75s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
.service-card.reveal.visible{opacity:1;transform:none}
.service-card.reveal.visible:hover{transform:translateY(-8px)}
@media(max-width:1100px) and (min-width:641px){.service-card{min-height:650px}.service-card__list li{white-space:normal}}
@media(max-width:640px){
 .services-section .container{overflow:visible}
 .service-grid{display:flex;gap:16px;margin-inline:calc(var(--page-gutter) * -1);padding:8px var(--page-gutter) 28px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-gutter);overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .service-grid::-webkit-scrollbar{display:none}
 .service-card{flex:0 0 min(84vw,360px);min-height:620px;padding:30px 24px;scroll-snap-align:start;scroll-snap-stop:always}
 .service-card .icon{width:62px;height:62px;margin-bottom:22px;border-radius:19px}
 .service-card .icon svg{width:38px;height:38px}
 .service-card h3{min-height:0;font-size:1.55rem}
 .service-card p{min-height:118px;font-size:.95rem}
 .service-card__list{grid-template-columns:1fr;grid-auto-rows:minmax(25px,auto);gap:7px;margin:20px 0 26px;padding:16px 18px}
 .service-card__list li{white-space:nowrap;font-size:.84rem}
 .services-section .container:after{content:"Swipe to explore services  →";display:block;margin-top:4px;color:#8db9df;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase}
 .service-card.reveal{transform:translateX(24px) scale(.97)}
 .service-card.reveal.visible{transform:none}
}
@media(prefers-reduced-motion:reduce){.service-card.reveal,.service-card .icon,.service-card:before{transition:none!important}.service-card.reveal{transform:none!important}}
/* Final service feature-list alignment */
.service-card .service-card__list{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-auto-rows:auto;
  width:100%;
  min-width:0;
  gap:10px;
  padding:20px 22px;
  overflow:hidden;
  color:#eef8ff;
  background:linear-gradient(145deg,rgba(12,89,167,.24),rgba(2,31,72,.32));
  border-color:rgba(112,190,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.service-card .service-card__list li{
  display:grid;
  grid-template-columns:12px minmax(0,1fr);
  align-items:center;
  gap:12px;
  width:100%;
  min-width:0;
  color:#f4faff;
  font-weight:650;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
}
.service-card .service-card__list li:before{
  content:"";
  width:8px;
  height:8px;
  margin:0;
  border:2px solid #b8e2ff;
  border-radius:50%;
  background:#2d9cff;
  box-shadow:0 0 0 5px rgba(45,156,255,.14),0 0 14px rgba(76,174,255,.65);
}
@media(max-width:640px){
  .service-card .service-card__list{grid-template-columns:minmax(0,1fr);padding:18px 20px;gap:9px}
  .service-card .service-card__list li{font-size:.86rem;white-space:normal}
}
/* Connected Why Homepage experience */
.why-section{overflow:hidden;background:linear-gradient(180deg,#fff,#f6fafd)}
.why-experience{display:grid;grid-template-columns:minmax(560px,1.15fr) minmax(360px,.85fr);gap:54px;align-items:center;margin-top:52px}
.why-map{position:relative;min-height:520px}
.why-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.why-connectors path{fill:none;stroke:#9bc9ed;stroke-width:2;stroke-dasharray:7 9;animation:whyDash 9s linear infinite}
.why-core{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:154px;height:154px;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 25%,#278be4,#095bb1 58%,#063770);box-shadow:0 22px 50px rgba(9,91,177,.3),0 0 0 18px rgba(9,91,177,.07);transform:translate(-50%,-50%)}
.why-core span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.why-core b{margin-top:-22px;font-size:2rem}.why-core i{position:absolute;inset:-20px;border:1px solid rgba(9,91,177,.2);border-radius:50%;animation:whyOrbit 12s linear infinite}.why-core i:after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--cream);box-shadow:0 0 16px rgba(255,219,146,.8)}
.why-node{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;width:210px;padding:0;border:0;color:var(--ink);background:none;text-align:left;cursor:pointer;transition:transform .35s var(--ease),color .35s var(--ease)}
.why-node-1{left:50%;top:0;transform:translateX(-50%)}.why-node-2{right:0;top:25%}.why-node-3{right:2%;bottom:5%}.why-node-4{left:2%;bottom:5%}.why-node-5{left:0;top:25%}
.why-node-1:hover,.why-node-1.active{transform:translateX(-50%) translateY(-5px)}.why-node:not(.why-node-1):hover,.why-node:not(.why-node-1).active{transform:translateY(-5px)}
.why-node-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border:1px solid #c7ddec;border-radius:18px;color:var(--blue);background:#fff;box-shadow:0 12px 28px rgba(0,27,65,.1);transition:.35s var(--ease)}
.why-node-icon svg,.why-story-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.why-node b{font-size:.88rem;line-height:1.22}.why-node small{display:none}
.why-node.active{color:var(--blue)}.why-node.active .why-node-icon{color:#fff;border-color:transparent;background:var(--blue);box-shadow:0 15px 30px rgba(9,91,177,.25),0 0 0 7px rgba(9,91,177,.08)}
.why-story{position:relative;min-height:500px;border-radius:32px;overflow:hidden;box-shadow:0 28px 70px rgba(0,27,65,.16)}
.why-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.why-story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,19,49,.06) 20%,rgba(0,18,46,.92) 84%)}
.why-story-panel{position:absolute;z-index:2;left:32px;right:32px;bottom:28px;color:#fff;opacity:0;visibility:hidden;transform:translateY(20px);transition:.45s var(--ease)}
.why-story-panel.active{opacity:1;visibility:visible;transform:none}.why-story-panel>span{position:absolute;right:0;top:0;color:#91c7f6;font-size:.75rem;font-weight:800}.why-story-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;color:var(--navy);background:var(--cream)}.why-story-panel h3{max-width:390px;margin:15px 0 7px;font-size:1.55rem;line-height:1.22}.why-story-panel p{margin:0;color:#d2e3f3}
@keyframes whyDash{to{stroke-dashoffset:-64}}@keyframes whyOrbit{to{transform:rotate(360deg)}}
/* Flowing process journey */
.process-section{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(74,162,241,.12),transparent 30%),linear-gradient(145deg,#f7fbfe,#e8f3fb)}
.process-journey{--process-progress:0%;position:relative;margin-top:62px;padding:38px 0 0}
.process-path{position:absolute;left:2%;right:2%;top:10px;width:96%;height:180px;overflow:visible}
.process-path path{fill:none;stroke-linecap:round}.process-path-base{stroke:#c8ddeb;stroke-width:7}.process-path-flow{stroke:url(#none);stroke:#1877ce;stroke-width:4;stroke-dasharray:12 14;animation:processFlow 2.8s linear infinite;filter:drop-shadow(0 0 6px rgba(24,119,206,.45))}
.process-steps{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;min-height:220px}
.process-step{display:flex;flex-direction:column;align-items:center;padding:0;border:0;color:var(--muted);background:none;text-align:center;cursor:pointer;transition:.35s var(--ease)}
.process-step:nth-child(even){padding-top:72px}.process-marker{position:relative;display:grid;place-items:center;width:76px;height:76px;border:5px solid #eef6fb;border-radius:50%;color:var(--blue);background:#fff;box-shadow:0 12px 30px rgba(0,27,65,.14);transition:.35s var(--ease)}
.process-marker svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.process-marker b{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff;background:var(--blue);font-size:.63rem}.process-step strong{margin-top:15px;color:var(--ink);font-size:1.05rem}.process-step small{max-width:180px;margin-top:6px;font-size:.78rem;line-height:1.45}.process-step:hover,.process-step.active{transform:translateY(-5px)}.process-step.active .process-marker{color:#fff;background:linear-gradient(135deg,#197bd2,#07468f);box-shadow:0 17px 34px rgba(9,91,177,.28),0 0 0 9px rgba(9,91,177,.08)}
.process-details{position:relative;max-width:700px;min-height:180px;margin:25px auto 0;text-align:center}.process-detail{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(15px);transition:.4s var(--ease)}.process-detail.active{opacity:1;visibility:visible;transform:none}.process-detail>span{color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.1em}.process-detail>div{display:none}.process-detail h3{margin:10px 0 6px;font-size:2rem}.process-detail p{margin:0;color:var(--muted);font-size:1.05rem}
@keyframes processFlow{to{stroke-dashoffset:-52}}
@media(max-width:1050px){.why-experience{grid-template-columns:1fr;max-width:760px;margin-inline:auto}.why-story{min-height:430px}.process-step small{display:none}}
@media(max-width:700px){
 .why-experience{display:block;margin-top:34px}.why-map{display:grid;gap:0;min-height:0;padding-left:22px}.why-connectors,.why-core{display:none}.why-node,.why-node-1,.why-node-2,.why-node-3,.why-node-4,.why-node-5{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;display:grid;grid-template-columns:50px 1fr;padding:17px 0 17px 16px;border-left:2px solid #c7ddeb;transform:none!important}.why-node:before{content:"";position:absolute;left:-6px;top:37px;width:10px;height:10px;border-radius:50%;background:#c7ddeb}.why-node-icon{grid-row:1/3;width:48px;height:48px;align-self:start}.why-node b{font-size:1rem}.why-node small{display:block;max-height:0;overflow:hidden;color:var(--muted);font-size:.85rem;line-height:1.5;opacity:0;transition:.35s var(--ease)}.why-node.active{border-left-color:var(--blue)}.why-node.active:before{background:var(--blue);box-shadow:0 0 0 6px rgba(9,91,177,.1)}.why-node.active small{max-height:90px;margin-top:7px;opacity:1}.why-story{display:none}
 .process-journey{margin-top:35px;padding:0 0 0 12px}.process-path{display:none}.process-steps{display:grid;grid-template-columns:1fr;gap:0;min-height:0;padding-left:20px}.process-steps:before{content:"";position:absolute;left:25px;top:32px;bottom:32px;width:3px;border-radius:4px;background:linear-gradient(to bottom,var(--blue) var(--process-progress),#c8ddeb var(--process-progress));transition:background .5s}.process-step,.process-step:nth-child(even){position:relative;display:grid;grid-template-columns:68px 1fr;align-items:center;padding:14px 0;text-align:left;transform:none!important}.process-marker{grid-row:1/3;width:62px;height:62px;border-width:4px}.process-marker svg{width:29px;height:29px}.process-step strong{margin:0 0 0 14px;font-size:1.08rem}.process-step small{display:block;max-width:none;margin:5px 20px 0 14px}.process-step.reached .process-marker{color:#fff;background:var(--blue)}.process-details{display:none}
}
@media(prefers-reduced-motion:reduce){.why-connectors path,.why-core i,.process-path-flow{animation:none!important}.why-node,.why-story-panel,.process-step,.process-detail{transition:none!important}}
/* Encoding-safe friction icons and live inquiry notifications */
.refresh-orbit svg,
.loop-arrow svg,
.down-arrow svg,
.link-arrow svg{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.refresh-orbit svg{width:38px;height:38px}
.loop-arrow{display:grid;place-items:center;width:82px;height:82px}
.loop-arrow svg{width:74px;height:74px;stroke:#76b7eb;stroke-width:2.5}
.down-arrow{display:grid;place-items:center;width:62px;height:62px}
.down-arrow svg{width:52px;height:52px;stroke:#22a66f;stroke-width:3}
.friction-panel .link-arrow{display:inline-grid;place-items:center;width:24px;height:24px}
.friction-panel .link-arrow svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.4}
.message-stream span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:10px;width:174px;height:66px;padding:10px 13px;border:1px solid rgba(9,91,177,.1)}
.message-stream span i{grid-row:1/3;position:relative;width:32px;height:25px;border:2px solid #3696e8;border-radius:7px;background:#eef8ff}
.message-stream span i:before,.message-stream span i:after{content:"";position:absolute;top:5px;width:17px;height:2px;background:#3696e8}
.message-stream span i:before{left:1px;transform:rotate(34deg)}.message-stream span i:after{right:1px;transform:rotate(-34deg)}
.message-stream span b{align-self:end;color:var(--ink);font-size:.72rem;line-height:1.1;white-space:nowrap}
.message-stream span small{align-self:start;color:var(--muted);font-size:.58rem;line-height:1.1;white-space:nowrap}
.message-stream span:nth-child(1){animation-name:mailArrive}.message-stream span:nth-child(2){animation-name:mailArrive}.message-stream span:nth-child(3){animation-name:mailArrive}
@keyframes mailArrive{0%,10%{transform:translateX(-28px) scale(.92);opacity:0}25%,62%{transform:translateX(0) scale(1);opacity:1}90%,100%{transform:translateX(185px) scale(.78);opacity:0}}
@media(max-width:700px){.message-stream span{width:145px;height:60px;padding:8px 10px}.message-stream span b{font-size:.66rem}.message-stream span small{font-size:.54rem}}
/* Keep the central Business first label together */
.why-core{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
}
.why-core span{
  margin:0;
  line-height:1.1;
}
.why-core b{
  margin:0;
  line-height:1;
}
/* Interactive service capability explorer */
.service-detail-section{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(19,110,202,.22),transparent 32%),linear-gradient(145deg,#001b41,#001431)}
.service-detail-section>.container>.section-copy{margin-bottom:0}
.capability-explorer{--active-capability:0;display:grid;grid-template-columns:245px minmax(420px,1fr) 300px;grid-template-areas:"tabs stage outcome" "controls stage outcome";gap:28px;align-items:center;margin-top:50px}
.capability-tabs{grid-area:tabs;display:grid;gap:7px}
.capability-tab{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;width:100%;padding:9px 10px;border:0;border-left:2px solid rgba(112,186,255,.14);color:#9fb9d5;background:transparent;text-align:left;cursor:pointer;transition:.3s var(--ease)}
.capability-tab>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#76baff;background:rgba(112,186,255,.08);transition:.3s var(--ease)}
.capability-tab svg,.outcome-item svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.capability-tab b{font-size:.82rem;line-height:1.2}.capability-tab:hover{color:#fff;border-left-color:#70baff;transform:translateX(4px)}.capability-tab.active{color:#fff;border-left-color:var(--cream);background:linear-gradient(90deg,rgba(19,111,202,.28),transparent);transform:translateX(7px)}.capability-tab.active>span{color:var(--navy);background:var(--cream);box-shadow:0 10px 24px rgba(255,220,151,.14)}
.capability-stage{grid-area:stage;position:relative;min-height:520px;border:1px solid rgba(112,186,255,.16);border-radius:38px;background:radial-gradient(circle at 50% 43%,rgba(31,126,217,.2),rgba(255,255,255,.035) 55%,rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 70px rgba(0,0,0,.25);overflow:hidden}
.service-stage-art{position:absolute;inset:0 0 120px}.stage-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(112,186,255,.2);border-radius:50%;transform:translate(-50%,-50%)}.orbit-a{width:330px;height:330px;animation:stageSpin 18s linear infinite}.orbit-b{width:220px;height:220px;border-style:dashed;animation:stageSpinReverse 13s linear infinite}.stage-core{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:116px;height:116px;border-radius:34px;color:#fff;background:linear-gradient(145deg,#187bd3,#06448e);box-shadow:0 22px 45px rgba(0,0,0,.3),0 0 0 14px rgba(74,163,244,.08);transform:translate(-50%,-50%);animation:stageCore 3.2s ease-in-out infinite}.stage-core svg{width:62px;height:62px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stage-node{position:absolute;z-index:2;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(112,186,255,.2);border-radius:18px;color:#8cc8fb;background:#092b5b;box-shadow:0 13px 30px rgba(0,0,0,.22);animation:stageNode 4s ease-in-out infinite}.stage-node svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.node-a{left:17%;top:18%}.node-b{right:16%;top:22%;animation-delay:-1s}.node-c{right:18%;bottom:13%;animation-delay:-2s}.node-d{left:16%;bottom:16%;animation-delay:-3s}.stage-pulse{position:absolute;left:50%;top:50%;width:120px;height:120px;border:2px solid #4ea9f7;border-radius:50%;transform:translate(-50%,-50%);animation:stagePulse 2.8s ease-out infinite}
.stage-label{position:absolute;z-index:5;left:28px;right:28px;bottom:24px;padding-top:18px;border-top:1px solid rgba(112,186,255,.17);opacity:0;visibility:hidden;transform:translateY(15px);transition:.4s var(--ease)}.stage-label.active{opacity:1;visibility:visible;transform:none}.stage-label>span{color:#70baff;font-size:.7rem;font-weight:900;letter-spacing:.1em}.stage-label h3{margin:7px 0 3px;font-size:1.5rem}.stage-label p{margin:0;color:#a9c1da}
.outcome-rail{grid-area:outcome;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.outcome-rail>.eyebrow{margin-bottom:14px}.outcome-rail>h3{margin:0 0 25px;font-size:clamp(1.55rem,2.1vw,2.15rem);line-height:1.18}.outcome-list{display:grid;gap:5px}.outcome-item{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:9px 0;border:0;color:#91abc6;background:none;text-align:left;cursor:pointer;transition:.3s var(--ease)}.outcome-item>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#69b7f8;background:rgba(112,186,255,.08)}.outcome-item b{font-size:.82rem}.outcome-item:hover,.outcome-item.active{color:#fff;transform:translateX(4px)}.outcome-item.active>span{color:var(--navy);background:#70baff;box-shadow:0 10px 22px rgba(72,157,234,.2)}
.capability-controls{grid-area:controls;display:flex;align-items:center;justify-content:center;gap:13px;color:#8db0d2;font-size:.73rem}.capability-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(112,186,255,.2);border-radius:50%;color:#b9dcfa;background:rgba(255,255,255,.04);cursor:pointer}.capability-controls button:hover{color:var(--navy);background:var(--cream)}.capability-controls b{color:#fff}
.website-detail .stage-core{background:linear-gradient(145deg,#1782df,#07478f)}.it-detail .stage-core{background:linear-gradient(145deg,#2d8ddd,#07527c)}.automation-detail .stage-core{background:linear-gradient(145deg,#536ee8,#1742a1)}
@keyframes stageSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes stageSpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes stageCore{50%{transform:translate(-50%,-50%) translateY(-6px)}}@keyframes stageNode{50%{transform:translateY(-7px)}}@keyframes stagePulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(.8)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}
@media(max-width:1100px){.capability-explorer{grid-template-columns:220px 1fr;grid-template-areas:"tabs stage" "outcome stage" "controls controls"}.outcome-rail{padding-top:20px}.outcome-list{grid-template-columns:1fr 1fr}.outcome-rail>h3{font-size:1.6rem}.capability-stage{min-height:560px}}
@media(max-width:700px){.capability-explorer{display:grid;grid-template-columns:1fr;grid-template-areas:"tabs" "stage" "outcome" "controls";gap:20px;margin-top:34px}.capability-tabs{display:flex;gap:9px;margin-inline:calc(var(--page-gutter) * -1);padding:4px var(--page-gutter) 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.capability-tabs::-webkit-scrollbar{display:none}.capability-tab{flex:0 0 auto;width:auto;min-width:165px;padding:9px 12px;border:1px solid rgba(112,186,255,.15);border-radius:15px;scroll-snap-align:start}.capability-tab.active{border-color:rgba(255,237,202,.4);transform:translateY(-2px)}.capability-stage{min-height:430px;border-radius:28px}.service-stage-art{inset:0 0 115px}.orbit-a{width:280px;height:280px}.orbit-b{width:185px;height:185px}.stage-core{width:98px;height:98px}.stage-core svg{width:52px;height:52px}.stage-node{width:50px;height:50px}.stage-label{left:22px;right:22px}.stage-label h3{font-size:1.3rem}.outcome-rail{padding:0}.outcome-rail>h3{font-size:1.55rem}.outcome-list{display:flex;gap:8px;margin-inline:calc(var(--page-gutter) * -1);padding:0 var(--page-gutter) 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.outcome-item{flex:0 0 190px;padding:10px 12px;border:1px solid rgba(112,186,255,.13);border-radius:15px;scroll-snap-align:start}.capability-controls{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.stage-orbit,.stage-core,.stage-node,.stage-pulse{animation:none!important}.capability-tab,.stage-label,.outcome-item{transition:none!important}}
/* Focused contact form layout */
.contact-grid--form-only{
  display:block;
  max-width:920px;
  margin-inline:auto;
}
.contact-grid--form-only .form-card{
  width:100%;
}
/* Contact page navigation and empty hero actions */
.actions:empty{display:none}
@media(min-width:961px){
 body[data-page="contact"] .nav{display:grid;grid-template-columns:1fr auto 1fr}
 body[data-page="contact"] .nav-links{justify-self:center}
}
/* Mobile navigation drawer and touch-friendly motion profile */
.mobile-nav-head,.mobile-nav-cta,.mobile-nav-foot,.nav-backdrop{display:none}
.mobile-nav-items{display:contents}
.mobile-nav-link .nav-icon,.mobile-nav-link .nav-copy small,.mobile-nav-link .nav-arrow{display:none}
.menu-btn{width:48px;height:48px;padding:0;border:1px solid rgba(112,186,255,.24);border-radius:15px;background:rgba(255,255,255,.07);place-content:center;gap:5px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.menu-btn span{display:block;width:21px;height:2px;border-radius:2px;background:#fff;transition:transform .25s var(--ease),opacity .2s var(--ease)}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:960px){
 body.menu-open{overflow:hidden;touch-action:none}
 .header{background:rgba(0,27,65,.96);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.14)}
 .nav{height:76px}
 .scrolled .nav{height:68px}
 .nav>.btn{display:none}
 .menu-btn{display:grid;position:relative;z-index:64;flex:0 0 48px}
 .nav-backdrop{position:fixed;z-index:58;inset:0;display:block;width:100%;height:100dvh;padding:0;border:0;background:rgba(0,12,32,.62);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease;backdrop-filter:blur(3px)}
 .nav-backdrop.visible{opacity:1;visibility:visible;pointer-events:auto}
 .nav-links{position:fixed;z-index:62;inset:0 0 0 auto;width:min(88vw,390px);height:100dvh;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:0;border-radius:28px 0 0 28px;color:#fff;background:linear-gradient(160deg,#062a5b 0%,#001b41 58%,#00132f 100%);box-shadow:-24px 0 70px rgba(0,0,0,.36);overflow-y:auto;overscroll-behavior:contain;transform:translateX(105%);visibility:hidden;transition:transform .32s var(--ease),visibility .32s ease}
 .nav-links.open{transform:none;visibility:visible}
 .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 22px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
 .mobile-nav-head>span{display:grid;gap:2px}
 .mobile-nav-head b{font-size:1.05rem;letter-spacing:-.015em}
 .mobile-nav-head small{color:#9fc3e5;font-size:.75rem;font-weight:500}
 .menu-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;background:rgba(255,255,255,.07);font-size:1.1rem;cursor:pointer}
 .mobile-nav-items{display:grid;gap:10px;padding:20px 16px}
 .mobile-nav-items>a:first-child{display:grid}
 .nav-links .mobile-nav-link{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 24px;align-items:center;gap:13px;width:100%;min-width:0;padding:13px 14px;border:1px solid rgba(112,186,255,.1);border-radius:18px;color:#dceeff;background:rgba(255,255,255,.035);text-align:left;transform:none;text-shadow:none;transition:border-color .22s ease,background .22s ease,transform .22s ease}
 .nav-links .mobile-nav-link:before,.nav-links .mobile-nav-link:after{display:none}
 .nav-links .mobile-nav-link:hover,.nav-links .mobile-nav-link:focus-visible{color:#fff;border-color:rgba(112,186,255,.34);background:rgba(28,116,201,.16);transform:translateX(-2px);outline:none}
 .nav-links .mobile-nav-link.active{color:#fff;border-color:rgba(255,237,202,.36);background:linear-gradient(135deg,rgba(26,123,211,.32),rgba(255,255,255,.06));box-shadow:inset 3px 0 0 var(--cream),0 12px 26px rgba(0,0,0,.12);transform:none}
 .mobile-nav-link .nav-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(112,186,255,.16);border-radius:16px;color:#83c7ff;background:rgba(112,186,255,.08)}
 .mobile-nav-link.active .nav-icon{color:var(--navy);border-color:transparent;background:var(--cream)}
 .mobile-nav-link .nav-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .mobile-nav-link .nav-copy{display:grid;min-width:0;gap:2px}
 .mobile-nav-link .nav-copy b{font-size:.97rem;line-height:1.2}
 .mobile-nav-link .nav-copy small{display:block;color:#96b5d3;font-size:.7rem;font-weight:500;line-height:1.35;white-space:normal}
 .mobile-nav-link .nav-arrow{display:block;color:#70baff;font-size:1rem}
 .mobile-nav-cta{display:flex;align-items:center;justify-content:space-between;min-height:58px;margin:2px 16px 18px;padding:0 18px;border-radius:17px;color:var(--navy);background:var(--cream);font-size:.9rem;font-weight:900;box-shadow:0 16px 30px rgba(0,0,0,.2)}
 .mobile-nav-foot{display:block;margin-top:auto;padding:18px 22px calc(20px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.09);color:#7fa5ca;font-size:.69rem;letter-spacing:.06em;text-transform:uppercase}
 .menu-close:focus-visible,.menu-btn:focus-visible,.mobile-nav-cta:focus-visible{outline:3px solid var(--cream);outline-offset:3px}
}

@media(max-width:700px){
 /* Mobile motion is intentionally calm: interactive state changes remain, decorative loops stop. */
 .reveal,.reveal.visible{opacity:1!important;transform:none!important;transition:none!important}
 .orb.one,.human-glow,.digital-ring,.hero-particles i,.hero .actions .btn-primary,.marquee-track,.friction-art,.friction-art *,.why-connectors path,.why-core i,.process-path-flow,.stage-orbit,.stage-core,.stage-node,.stage-pulse,.service-card:before{animation:none!important}
 .hero-particles{display:none}
 .orb.one{opacity:.35}
 .digital-ring{opacity:.3}
 .marquee{overflow-x:auto;scrollbar-width:none}
 .marquee::-webkit-scrollbar{display:none}
 .marquee-track{transform:translate3d(var(--mobile-marquee-x,0px),0,0)!important}
 .card,.service-card,.btn,.why-node,.process-step,.capability-tab,.outcome-item,.friction-panel,.stage-label{transition-duration:.2s!important}
 .card:hover,.service-card:hover,.btn:hover,.process-step:hover,.process-step.active,.capability-tab.active,.outcome-item:hover,.outcome-item.active{transform:none!important}
 .friction-stage{touch-action:pan-y}
 .capability-explorer{touch-action:pan-y}
 .capability-tabs,.outcome-list,.service-grid{scroll-behavior:smooth}
 .stage-pulse{display:none}
 .whatsapp{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}
}

@media(max-width:420px){
 .nav-links{width:94vw;border-radius:22px 0 0 22px}
 .mobile-nav-head{padding:22px 16px 17px}
 .mobile-nav-items{padding:16px 12px}
 .nav-links .mobile-nav-link{grid-template-columns:46px minmax(0,1fr) 20px;padding:11px 12px}
 .mobile-nav-link .nav-icon{width:46px;height:46px;border-radius:14px}
 .mobile-nav-link .nav-copy small{font-size:.66rem}
 .mobile-nav-cta{margin-inline:12px}
}
/* Mobile drawer refinements from device QA */
@media(max-width:960px){
 html,body{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
 #app,.header,.hero,.page-hero,.section,.footer{max-width:100%;overflow-x:clip}
 .container,.hero-grid,.split,.capability-explorer,.friction-explorer,.why-experience,.process-journey{min-width:0;max-width:100%}
 .quiet-cost__track,.service-grid,.capability-tabs,.outcome-list{max-width:100vw;overscroll-behavior-x:contain}
 .header .nav{display:flex!important;width:100%;min-width:0;grid-template-columns:none!important}
 .header .logo{min-width:0;max-width:calc(100% - 62px);white-space:nowrap}
 .header .logo span{overflow:hidden;text-overflow:ellipsis}
 .header .menu-btn{display:grid!important;visibility:visible;opacity:1;margin-left:auto;pointer-events:auto}
 .header .menu-btn[aria-expanded="true"]{opacity:0;visibility:hidden;pointer-events:none}
 .mobile-nav-head{min-height:76px;justify-content:flex-end;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.09)}
 .mobile-nav-head>span,.mobile-nav-foot{display:none!important}
 .menu-close{color:#fff;background:rgba(112,186,255,.11);border-color:rgba(139,202,255,.25);box-shadow:0 10px 24px rgba(0,0,0,.18)}
 .mobile-nav-items{gap:11px;padding:18px 16px 14px}
 .mobile-nav-items>a:first-child{display:grid}
 .nav-links .mobile-nav-link{min-height:78px;padding:12px 14px;border-color:rgba(112,186,255,.14);background:rgba(255,255,255,.045)}
 .mobile-nav-link .nav-copy b{font-size:1.02rem;font-weight:720;letter-spacing:-.01em}
 .mobile-nav-link .nav-copy small{color:#a8c5df;font-size:.72rem;font-weight:450}
 .mobile-nav-link .nav-icon{color:#94d2ff;background:linear-gradient(145deg,rgba(39,132,218,.22),rgba(112,186,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
 .mobile-nav-link .nav-arrow{color:#9bd6ff;font-size:1.1rem}
 .nav-links .mobile-nav-cta{position:relative;display:flex;width:auto;min-width:0;min-height:64px;margin:6px 16px calc(22px + env(safe-area-inset-bottom));padding:0 10px 0 20px;border:1px solid rgba(255,255,255,.5);border-radius:19px;color:#071d3a!important;background:linear-gradient(135deg,#fff1ce 0%,#ffd985 58%,#ffc95d 100%);box-shadow:0 18px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.75);font-size:.98rem;font-weight:800;line-height:1.2;letter-spacing:-.01em;text-align:left;white-space:normal;overflow:hidden;isolation:isolate}
 .nav-links .mobile-nav-cta:before{content:"";position:absolute;z-index:-1;inset:-70% auto -70% -35%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:rotate(18deg);animation:mobileCtaShine 3.8s ease-in-out infinite}
 .nav-links .mobile-nav-cta:after{display:none}
 .nav-links .mobile-nav-cta:hover,.nav-links .mobile-nav-cta:focus-visible{color:#071d3a!important;transform:translateY(-2px);border-color:#fff;background:linear-gradient(135deg,#fff5df,#ffda83);outline:3px solid rgba(255,237,202,.32);outline-offset:3px}
 .mobile-nav-cta-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;color:#fff;background:#095bb1;box-shadow:0 8px 18px rgba(9,91,177,.28);font-size:1.15rem}
}
@keyframes mobileCtaShine{0%,45%{left:-40%}75%,100%{left:125%}}
@media(max-width:420px){
 .mobile-nav-head{min-height:68px;padding:12px 14px}
 .mobile-nav-items{padding:14px 12px 10px}
 .nav-links .mobile-nav-link{min-height:72px}
 .nav-links .mobile-nav-cta{margin-inline:12px;padding-left:17px;font-size:.94rem}
}
@media(max-width:700px){
 .page-hero>.container,.hero>.container{width:100%;max-width:100%;min-width:0}
 .page-hero h1,.page-hero p,.hero h1,.hero p{max-width:100%;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.nav-links .mobile-nav-cta:before{animation:none!important;display:none}}
/* Final mobile viewport and component corrections */
@media(max-width:960px){
 html{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overscroll-behavior-x:none}
 body{position:relative;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important;overscroll-behavior-x:none}
 #app{position:relative;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
 .header,.hero,.page-hero,.trust,.section,.services-section,.footer{position:relative;width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow-x:hidden!important}
 .header{position:fixed}
 .page-hero>.container,.hero>.container,.section>.container,.footer>.container{width:100%!important;min-width:0!important;max-width:100%!important;margin-inline:0!important}
 .page-hero *,.hero *,.section *,.footer *{min-width:0}
 .nav-links{contain:layout paint;max-width:100vw}
 .mobile-nav-head{position:absolute;z-index:3;top:12px;right:12px;display:block;min-height:0;height:auto;padding:0;border:0;background:none}
 .menu-close{width:42px;height:42px;border-radius:50%;font-size:1rem;background:linear-gradient(145deg,rgba(39,132,218,.28),rgba(255,255,255,.07));box-shadow:0 9px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.1);transition:transform .22s ease,background .22s ease}
 .menu-close:hover,.menu-close:focus-visible{background:rgba(112,186,255,.2);transform:rotate(90deg)}
 .mobile-nav-items{padding-top:68px}
 .nav-links .mobile-nav-link{grid-template-columns:50px minmax(0,1fr) 22px;min-height:70px}
 .mobile-nav-link .nav-copy{display:block}
 .mobile-nav-link .nav-copy b{display:block;font-size:1.03rem;font-weight:680;line-height:1.2}
 .mobile-nav-link .nav-copy small{display:none!important}
 .nav-links .mobile-nav-cta{min-height:58px;margin-top:4px;padding:0 18px;border:1px solid rgba(255,255,255,.22);border-radius:16px;color:var(--navy)!important;background:var(--cream)!important;box-shadow:0 14px 30px rgba(0,0,0,.22);font-size:.95rem;font-weight:800;overflow:visible}
 .nav-links .mobile-nav-cta:before{display:none!important;animation:none!important}
 .nav-links .mobile-nav-cta:hover,.nav-links .mobile-nav-cta:focus-visible{color:var(--navy)!important;background:var(--cream)!important;transform:translateY(-2px);box-shadow:0 18px 34px rgba(0,0,0,.28)}
 .mobile-nav-cta-icon{display:inline!important;width:auto;height:auto;flex:0 0 auto;border:0;border-radius:0;color:var(--navy);background:none;box-shadow:none;font-size:1.1rem}
}

@media(max-width:700px){
 /* A clean interactive accordion replaces the desktop Business-first orbit. */
 .why-experience{display:block!important;width:100%;margin-top:30px}
 .why-map{display:grid!important;gap:10px!important;width:100%;min-height:0!important;padding:0!important}
 .why-connectors,.why-core,.why-story{display:none!important}
 .why-node,.why-node-1,.why-node-2,.why-node-3,.why-node-4,.why-node-5{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;column-gap:12px!important;width:100%!important;min-height:70px;padding:12px 14px!important;border:1px solid #d5e4ef!important;border-radius:18px!important;color:var(--ink);background:#fff!important;box-shadow:0 8px 24px rgba(0,27,65,.07)!important;text-align:left;transform:none!important}
 .why-node:before{display:none!important}
 .why-node-icon{grid-row:1/3!important;display:grid;width:46px!important;height:46px!important;border-radius:14px!important;align-self:start}
 .why-node b{align-self:center;font-size:.96rem!important;font-weight:680;line-height:1.3!important}
 .why-node small{display:block!important;max-height:0;margin:0!important;overflow:hidden;color:var(--muted);font-size:.82rem!important;line-height:1.45;opacity:0;transition:max-height .25s ease,margin .25s ease,opacity .2s ease}
 .why-node.active{border-color:#8cc7f3!important;background:linear-gradient(145deg,#fff,#eef8ff)!important;box-shadow:0 12px 28px rgba(9,91,177,.12)!important}
 .why-node.active small{max-height:100px;margin-top:5px!important;opacity:1}
 .why-node.active .why-node-icon{color:#fff!important;background:var(--blue)!important;box-shadow:0 9px 20px rgba(9,91,177,.22)!important}
 /* Restore the automatically moving homepage service ticker. */
 .marquee{overflow:hidden!important;touch-action:pan-y}
 .marquee-track{width:max-content;animation:marquee 30s linear infinite!important;transform:none}
 /* Footer social icons stay on a single compact line. */
 .copyright{display:grid!important;justify-items:center;gap:18px;text-align:center}
 .social-links{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:7px!important;width:100%;margin:0}
 .social-links a{flex:0 0 36px;width:36px;height:36px;margin:0!important;border-radius:11px}
 .social-links svg{width:17px;height:17px}
}
@media(max-width:380px){
 .social-links{gap:5px!important}
 .social-links a{flex-basis:34px;width:34px;height:34px}
 .nav-links .mobile-nav-link{grid-template-columns:44px minmax(0,1fr) 18px;padding:10px 11px}
 .mobile-nav-link .nav-icon{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important}}
/* Mobile layer, visual story, and carousel peek corrections */
@media(max-width:960px){
 body{overflow-x:hidden!important}
 #app{overflow:visible!important}
 .header{z-index:10000!important;overflow:visible!important;isolation:isolate}
 .header .nav{position:relative;z-index:10003}
 .nav-links{z-index:10002!important;overflow-x:hidden!important;overflow-y:auto!important}
 .nav-backdrop{z-index:10001!important}
 .menu-btn{z-index:10004!important}
}
@media(max-width:700px){
 .why-experience{display:flex!important;flex-direction:column!important;gap:14px!important}
 .why-story{position:relative!important;order:-1;display:block!important;width:100%!important;min-height:310px!important;margin:0 0 4px;border-radius:24px!important;overflow:hidden!important;box-shadow:0 18px 42px rgba(0,27,65,.16)!important}
 .why-story:before{content:"BUSINESS\A first";white-space:pre;position:absolute;z-index:4;top:16px;left:16px;display:grid;place-content:center;width:84px;height:84px;border:6px solid rgba(255,255,255,.78);border-radius:50%;color:#fff;background:linear-gradient(145deg,#278be4,#0752a3);box-shadow:0 12px 26px rgba(0,27,65,.3);font-size:.62rem;font-weight:750;line-height:1.45;letter-spacing:.08em;text-align:center;text-transform:uppercase}
 .why-story>img{display:block!important;width:100%!important;height:310px!important;object-fit:cover!important;object-position:center!important}
 .why-story:after{z-index:1;background:linear-gradient(180deg,rgba(0,20,50,.03) 25%,rgba(0,18,46,.94) 88%)!important}
 .why-story-panel{z-index:3!important;left:18px!important;right:18px!important;bottom:18px!important;padding-right:36px;transform:translateY(10px)}
 .why-story-panel.active{visibility:visible!important;opacity:1!important;transform:none!important}
 .why-story-panel>span{top:auto!important;right:0!important;bottom:2px!important}
 .why-story-icon{display:none!important}
 .why-story-panel h3{margin:0 0 5px!important;font-size:1.2rem!important;line-height:1.25!important}
 .why-story-panel p{margin:0!important;color:#d6e7f7!important;font-size:.84rem!important;line-height:1.45!important}
 .why-map{gap:9px!important}
 .why-node,.why-node-1,.why-node-2,.why-node-3,.why-node-4,.why-node-5{min-height:66px!important;padding:10px 12px!important;border-radius:16px!important}
 .why-node.active small{max-height:86px}
}
@media(max-width:640px){
 .services-section .container{padding-inline:0!important;overflow:hidden!important}
 .services-section .services-heading{padding-inline:var(--page-gutter)}
 .services-section .service-grid{width:100%;max-width:100%;margin-inline:0!important;padding:8px var(--page-gutter) 28px!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-padding-inline:var(--page-gutter)}
 .services-section .service-card{flex:0 0 min(calc(100vw - 76px),360px)!important;width:min(calc(100vw - 76px),360px)!important;max-width:360px!important;scroll-snap-align:start}
 .services-section .container:after{padding-inline:var(--page-gutter)}
}
/* Cream service checks, mobile process motion, footer rhythm, and premium select */
.service-card .service-card__list li:before{content:"✓"!important;display:block;width:18px!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;color:var(--cream)!important;background:none!important;box-shadow:none!important;font-size:1.05rem!important;font-weight:950!important;line-height:1!important;text-shadow:0 0 14px rgba(255,237,202,.32)}
.service-card .service-card__list li{grid-template-columns:18px minmax(0,1fr)!important;gap:10px!important}

.footer-intro{max-width:390px;margin:18px 0 0;color:#b9cce4;line-height:1.65}
.copyright{flex-direction:column-reverse;align-items:center;justify-content:center;gap:18px;text-align:center}
.copyright .social-links{justify-content:center}

.native-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.custom-select{position:relative;width:100%}
.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:58px;padding:0 16px;border:1px solid #b8cee1;border-radius:14px;color:var(--ink);background:linear-gradient(145deg,#fff,#f3f8fc);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(0,27,65,.06);text-align:left;cursor:pointer;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.custom-select-trigger svg{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)}
.custom-select.open .custom-select-trigger{border-color:#3c91df;box-shadow:0 0 0 4px rgba(9,91,177,.1),0 12px 28px rgba(0,27,65,.1)}
.custom-select.open .custom-select-trigger svg{transform:rotate(180deg)}
.custom-select.invalid .custom-select-trigger{border-color:#c44242;box-shadow:0 0 0 4px rgba(196,66,66,.1)}
.custom-select-menu{position:absolute;z-index:30;top:calc(100% + 9px);left:0;right:0;display:grid;gap:6px;padding:9px;border:1px solid #c8dbea;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 24px 55px rgba(0,27,65,.2);backdrop-filter:blur(16px);transform-origin:top;animation:selectMenuIn .22s var(--ease)}
.custom-select-menu[hidden]{display:none!important}
.custom-select-menu [role=option]{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid transparent;border-radius:13px;color:var(--ink);background:transparent;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.custom-select-menu [role=option]:hover,.custom-select-menu [role=option]:focus-visible{border-color:#c5def1;background:#edf7ff;outline:none;transform:translateX(2px)}
.custom-select-menu [role=option][aria-selected="true"]{border-color:#a9d3f3;background:#e7f4ff}
.custom-option-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#2587dc,#0753a5);font-size:.72rem;font-weight:900;box-shadow:0 8px 18px rgba(9,91,177,.2)}
.custom-select-menu [role=option]>span:nth-child(2){display:grid;gap:1px}
.custom-select-menu b{font-size:.93rem;line-height:1.2}
.custom-select-menu small{color:var(--muted);font-size:.7rem;line-height:1.35}
.custom-select-menu i{color:var(--blue);font-size:1rem;font-style:normal;opacity:0}
.custom-select-menu [aria-selected="true"] i{opacity:1}
@keyframes selectMenuIn{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:700px){
 .process-steps{overflow:visible}
 .process-steps:before{z-index:0;left:25px!important;width:4px!important;background:linear-gradient(to bottom,var(--blue) 0 var(--process-progress),#c8ddeb var(--process-progress) 100%)!important;box-shadow:0 0 12px rgba(9,91,177,.12)}
 .process-steps:after{content:"";position:absolute;z-index:1;left:18px;top:22px;width:18px;height:54px;border-radius:999px;background:linear-gradient(to bottom,transparent,#68baff,transparent);filter:drop-shadow(0 0 8px rgba(31,136,226,.8));animation:processMobileFlow 4.2s ease-in-out infinite;pointer-events:none}
 .process-step{z-index:2;opacity:.72;transition:opacity .3s ease!important}
 .process-step.reached,.process-step.active{opacity:1}
 .process-step.active .process-marker{color:#fff;background:linear-gradient(145deg,#2589df,#0751a2);box-shadow:0 0 0 8px rgba(9,91,177,.1),0 14px 30px rgba(9,91,177,.22);animation:processMarkerPulse 2.4s ease-in-out infinite}
 .process-step.reached .process-marker{border-color:#d8eefa}
 .footer-intro{max-width:100%;margin-top:15px;font-size:.9rem;line-height:1.55}
 .copyright{margin-top:38px;padding-top:20px;gap:14px;font-size:.72rem;line-height:1.4}
 .copyright>span{display:block;max-width:260px;order:-1}
 .custom-select-menu{position:fixed;z-index:12000;left:16px;right:16px;top:auto;bottom:calc(18px + env(safe-area-inset-bottom));max-height:min(72vh,470px);overflow-y:auto;padding:10px;border-radius:22px;box-shadow:0 26px 80px rgba(0,13,42,.34)}
 .custom-select.open:after{content:"";position:fixed;z-index:11999;inset:0;background:rgba(0,18,46,.48);backdrop-filter:blur(3px)}
 .custom-select-menu [role=option]{min-height:66px;padding:10px 11px}
}
@keyframes processMobileFlow{0%{transform:translateY(0);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translateY(410px);opacity:0}}
@keyframes processMarkerPulse{50%{box-shadow:0 0 0 13px rgba(9,91,177,0),0 16px 34px rgba(9,91,177,.28)}}
@media(prefers-reduced-motion:reduce){.process-steps:after,.process-step.active .process-marker,.custom-select-menu{animation:none!important}}
/* Contact popup and mobile footer stacking safeguards */
@media(max-width:700px){
 body[data-page="contact"] #app,body[data-page="contact"] .section{overflow:visible!important}
 .custom-select.open{z-index:12001}
 .copyright .social-links{order:1}
 .copyright>span{order:2!important}
}
/* Text-only premium contact options */
.custom-select-menu [role=option]{grid-template-columns:minmax(0,1fr) 24px!important;min-height:54px;padding:13px 16px!important}
.custom-select-menu [role=option]>b{font-size:.98rem;font-weight:680;line-height:1.25}
.custom-select-menu [role=option]>i{justify-self:end}
.custom-option-icon,.custom-select-menu [role=option]>span{display:none!important}
@media(max-width:700px){.custom-select-menu [role=option]{min-height:58px;padding:14px 16px!important}.custom-select-menu [role=option]>b{font-size:1rem}}
/* Definitive footer social and copyright stack */
.copyright{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:16px!important;width:100%;text-align:center}
.copyright .social-links{order:1!important;display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;width:100%;margin:0 auto}
.copyright>span{order:2!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;color:#9fb7cf;text-align:center!important;white-space:normal!important}
@media(max-width:700px){
 .copyright{gap:13px!important;margin-top:34px!important;padding:20px 54px calc(70px + env(safe-area-inset-bottom))!important}
 .copyright>span{font-size:.7rem!important;line-height:1.45!important}
 .copyright .social-links{gap:7px!important}
}
@media(max-width:380px){.copyright{padding-inline:38px!important}.copyright .social-links{gap:5px!important}}
/* Light homepage header and hero experiment */
body[data-page="home"] .header{border-bottom-color:rgba(9,91,177,.12);background:rgba(250,253,255,.92);box-shadow:0 8px 28px rgba(0,27,65,.07);backdrop-filter:blur(18px)}
body[data-page="home"] .header.scrolled{background:rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(0,27,65,.11)}
body[data-page="home"] .header .logo{color:var(--ink)}
body[data-page="home"] .header .nav-links{color:#355675;border-color:rgba(9,91,177,.14);background:rgba(240,247,252,.78);box-shadow:inset 0 1px 0 #fff,0 10px 28px rgba(0,27,65,.06)}
body[data-page="home"] .header .nav-links a{color:#294968}
body[data-page="home"] .header .nav-links a:hover{color:var(--navy);background:#fff;box-shadow:0 7px 18px rgba(0,27,65,.08)}
body[data-page="home"] .header .nav-links a.active{color:#fff}
body[data-page="home"] .header .nav>.btn-cream{border-color:rgba(185,139,45,.16);box-shadow:0 10px 25px rgba(113,78,10,.12),inset 0 1px 0 rgba(255,255,255,.75)}
body[data-page="home"] .header .menu-btn{border-color:rgba(9,91,177,.2);background:#eef6fc;box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(0,27,65,.08)}
body[data-page="home"] .header .menu-btn span{background:var(--navy)}

body[data-page="home"] .hero{color:var(--ink);background:radial-gradient(circle at 77% 35%,rgba(84,172,244,.2),transparent 31%),radial-gradient(circle at 18% 70%,rgba(255,237,202,.45),transparent 28%),linear-gradient(145deg,#fff 0%,#f5faff 52%,#eaf4fb 100%)}
body[data-page="home"] .hero:before{opacity:.5;background-image:linear-gradient(rgba(9,91,177,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(9,91,177,.09) 1px,transparent 1px);mask-image:linear-gradient(to bottom,#000 10%,rgba(0,0,0,.65) 65%,transparent)}
body[data-page="home"] .hero h1{color:var(--ink);text-shadow:0 2px 0 rgba(255,255,255,.7)}
body[data-page="home"] .hero h1 span{color:#1675cc}
body[data-page="home"] .hero p{color:#4c6785}
body[data-page="home"] .hero-kicker{border-color:rgba(9,91,177,.18);color:#07539f;background:rgba(255,255,255,.75);box-shadow:0 8px 20px rgba(0,27,65,.06)}
body[data-page="home"] .hero .orb.one{border-color:rgba(9,91,177,.18);box-shadow:inset 0 0 80px rgba(9,91,177,.08),0 0 80px rgba(94,175,242,.08)}
body[data-page="home"] .hero .orb.two{background:rgba(9,91,177,.08)}
body[data-page="home"] .hero .human-glow{opacity:.78;background:radial-gradient(circle,rgba(69,160,238,.3),rgba(255,255,255,.08) 54%,transparent 72%)}
body[data-page="home"] .hero .digital-ring{border-color:rgba(9,91,177,.22)}
body[data-page="home"] .hero .hero-particles i{background:#1675cc;box-shadow:0 0 10px rgba(22,117,204,.65);opacity:.38}
body[data-page="home"] .hero .hero-particles i:nth-child(4n){background:#d29a31;box-shadow:0 0 10px rgba(210,154,49,.5)}
body[data-page="home"] .hero .hero-person{filter:drop-shadow(0 30px 38px rgba(0,27,65,.2)) drop-shadow(0 0 22px rgba(9,91,177,.12))}
body[data-page="home"] .hero .actions .btn-primary{border-color:rgba(9,91,177,.2);box-shadow:0 18px 42px rgba(9,91,177,.28),inset 0 1px 0 rgba(255,255,255,.22)}

@media(max-width:960px){
 body[data-page="home"] .header{background:rgba(255,255,255,.96)}
 body[data-page="home"] .header .nav-links{color:#fff;background:linear-gradient(160deg,#062a5b 0%,#001b41 58%,#00132f 100%);box-shadow:-24px 0 70px rgba(0,0,0,.36)}
 body[data-page="home"] .header .nav-links .mobile-nav-link{color:#dceeff;background:rgba(255,255,255,.045)}
 body[data-page="home"] .header .nav-links .mobile-nav-link:hover,body[data-page="home"] .header .nav-links .mobile-nav-link:focus-visible{color:#fff;background:rgba(28,116,201,.16)}
 body[data-page="home"] .header .nav-links .mobile-nav-link.active{color:#fff;background:linear-gradient(135deg,rgba(26,123,211,.32),rgba(255,255,255,.06))}
 body[data-page="home"] .header .menu-close{color:#fff}
}
/* Site-wide light headers and internal page heroes */
.header{border-bottom-color:rgba(9,91,177,.12);background:rgba(250,253,255,.92);box-shadow:0 8px 28px rgba(0,27,65,.07);backdrop-filter:blur(18px)}
.header.scrolled{background:rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(0,27,65,.11)}
.header .logo{color:var(--ink)}
.header .nav-links{color:#355675;border-color:rgba(9,91,177,.14);background:rgba(240,247,252,.82);box-shadow:inset 0 1px 0 #fff,0 10px 28px rgba(0,27,65,.06)}
.header .nav-links a{color:#294968}
.header .nav-links a:hover{color:var(--navy);background:#fff;box-shadow:0 7px 18px rgba(0,27,65,.08)}
.header .nav-links a.active{color:#fff;background:linear-gradient(135deg,#176fca,#0a4b9a)}
.header .nav>.btn-cream{border-color:rgba(185,139,45,.16);box-shadow:0 10px 25px rgba(113,78,10,.12),inset 0 1px 0 rgba(255,255,255,.75)}
.header .menu-btn{border-color:rgba(9,91,177,.2);background:#eef6fc;box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(0,27,65,.08)}
.header .menu-btn span{background:var(--navy)}

.page-hero{color:var(--ink);background:radial-gradient(circle at 80% 38%,rgba(84,172,244,.19),transparent 31%),radial-gradient(circle at 15% 75%,rgba(255,237,202,.42),transparent 28%),linear-gradient(145deg,#fff 0%,#f5faff 54%,#eaf4fb 100%);overflow:hidden}
.page-hero .orb.one{border-color:rgba(9,91,177,.18);box-shadow:inset 0 0 80px rgba(9,91,177,.08),0 0 80px rgba(94,175,242,.08)}
.page-hero .orb.two{background:rgba(9,91,177,.07)}
.page-hero h1{color:var(--ink);text-shadow:0 2px 0 rgba(255,255,255,.7)}
.page-hero h1 span{color:#1675cc}
.page-hero p{color:#4c6785}
.page-hero .hero-kicker{border-color:rgba(9,91,177,.18);color:#07539f;background:rgba(255,255,255,.78);box-shadow:0 8px 20px rgba(0,27,65,.06)}
.page-hero .btn-ghost{color:var(--navy);border-color:rgba(9,91,177,.25);background:rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(0,27,65,.07)}
.page-hero .btn-ghost:hover{color:#fff;border-color:var(--blue);background:var(--blue)}

@media(max-width:960px){
 .header{background:rgba(255,255,255,.96)}
 .header .nav-links{color:#fff;background:linear-gradient(160deg,#062a5b 0%,#001b41 58%,#00132f 100%);box-shadow:-24px 0 70px rgba(0,0,0,.36)}
 .header .nav-links .mobile-nav-link{color:#dceeff;background:rgba(255,255,255,.045)}
 .header .nav-links .mobile-nav-link:hover,.header .nav-links .mobile-nav-link:focus-visible{color:#fff;background:rgba(28,116,201,.16)}
 .header .nav-links .mobile-nav-link.active{color:#fff;background:linear-gradient(135deg,rgba(26,123,211,.32),rgba(255,255,255,.06))}
 .header .menu-close{color:#fff}
}
/* Light mobile navigation drawer */
@media(max-width:960px){
 .header .nav-links{color:var(--ink)!important;background:linear-gradient(155deg,#fff 0%,#f5faff 58%,#eaf4fb 100%)!important;box-shadow:-24px 0 70px rgba(0,27,65,.22)!important}
 .header .nav-links .mobile-nav-link{color:var(--ink)!important;border-color:rgba(9,91,177,.13)!important;background:rgba(255,255,255,.8)!important;box-shadow:0 8px 22px rgba(0,27,65,.055)!important}
 .header .nav-links .mobile-nav-link:hover,.header .nav-links .mobile-nav-link:focus-visible{color:var(--navy)!important;border-color:rgba(9,91,177,.3)!important;background:#fff!important;box-shadow:0 12px 26px rgba(0,27,65,.1)!important}
 .header .nav-links .mobile-nav-link.active{color:var(--navy)!important;border-color:rgba(9,91,177,.3)!important;background:linear-gradient(145deg,#fff,#e7f4ff)!important;box-shadow:inset 3px 0 0 var(--blue),0 12px 26px rgba(0,27,65,.1)!important}
 .header .mobile-nav-link .nav-icon{color:#126ec1!important;border-color:rgba(9,91,177,.16)!important;background:linear-gradient(145deg,#edf7ff,#dceefa)!important;box-shadow:inset 0 1px 0 #fff!important}
 .header .mobile-nav-link.active .nav-icon{color:#fff!important;border-color:transparent!important;background:linear-gradient(145deg,#2587dc,#0753a5)!important;box-shadow:0 9px 20px rgba(9,91,177,.2)!important}
 .header .mobile-nav-link .nav-arrow{color:#126ec1!important}
 .header .menu-close{color:#fff!important;border-color:rgba(9,91,177,.14)!important;background:linear-gradient(145deg,#176fc2,#07498f)!important;box-shadow:0 10px 24px rgba(9,91,177,.25),inset 0 1px 0 rgba(255,255,255,.18)!important}
 .header .menu-close:hover,.header .menu-close:focus-visible{color:#fff!important;background:#095bb1!important}
 .header .nav-links .mobile-nav-cta{color:var(--navy)!important;border-color:rgba(185,139,45,.18)!important;background:var(--cream)!important;box-shadow:0 14px 30px rgba(113,78,10,.14),inset 0 1px 0 rgba(255,255,255,.75)!important}
 .header .nav-links .mobile-nav-cta:hover,.header .nav-links .mobile-nav-cta:focus-visible{color:var(--navy)!important;background:#ffe6b5!important}
}

/* Footer credibility panel */
.footer-proof{max-width:410px;padding-right:24px}
.footer-proof-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:#70baff;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.footer-proof-kicker:before{content:"";width:22px;height:2px;background:currentColor}
.footer-proof h3{max-width:360px;margin:0 0 22px;color:#fff;font-size:clamp(1.45rem,2vw,2rem);line-height:1.18;font-weight:700}
.footer-proof ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0;padding:0;list-style:none}
.footer-proof li{display:flex;align-items:flex-start;gap:9px;color:#d5e7f8;font-size:.9rem;font-weight:650;line-height:1.4}
.footer-proof li:before{content:"✓";display:grid;flex:0 0 22px;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--navy);background:var(--cream);font-size:.75rem;font-weight:900}
@media(max-width:960px){.footer-proof{max-width:none;padding-right:0}}
@media(max-width:640px){.footer-proof{padding-bottom:8px}.footer-proof h3{margin-bottom:18px;font-size:1.55rem}.footer-proof ul{grid-template-columns:1fr;gap:10px}.footer-proof li{font-size:.88rem}}
/* Definitive mobile motion, alignment, and hero continuity */
@media(max-width:700px){
 body[data-page="home"] .hero{overflow:hidden!important}
 body[data-page="home"] .hero-human{min-height:520px;margin-bottom:-5px;overflow:visible!important}
 body[data-page="home"] .hero-person{bottom:-72px!important}
 body[data-page="home"] .human-glow{display:block!important;animation:human-glow-pulse 7s ease-in-out infinite!important;animation-play-state:running!important}
 body[data-page="home"] .digital-ring{display:block!important;opacity:.44}
 body[data-page="home"] .ring-one{animation:ring-drift 30s linear infinite!important;animation-play-state:running!important}
 body[data-page="home"] .ring-two{animation:ring-drift-reverse 36s linear infinite!important;animation-play-state:running!important}
 body[data-page="home"] .hero-particles{display:block!important}
 body[data-page="home"] .hero-particles i{animation:particle-float 11s ease-in-out infinite!important;animation-delay:calc(var(--i)*-.7s)!important;animation-play-state:running!important}
 body[data-page="home"] .trust{z-index:5;margin-top:-5px!important;border-top:0}
 body[data-page="home"] .marquee{overflow:hidden!important;touch-action:pan-y}
 body[data-page="home"] .marquee-track{width:max-content;animation:none!important;transform:translate3d(var(--mobile-marquee-x,0px),0,0)!important;will-change:transform}

 .friction-stage{display:grid;place-items:center;min-height:340px!important}
 .friction-scene{display:grid!important;place-items:center!important;inset:0!important}
 .friction-art{position:relative!important;width:min(90%,340px)!important;height:270px!important;margin:auto!important;transform:none!important;animation-play-state:running!important}
 .mini-browser{animation:browserFloat 4s ease-in-out infinite!important}
 .refresh-orbit{animation:slowSpin 8s linear infinite!important}
 .task-stack span{animation:taskDrift 3.5s ease-in-out infinite!important}
 .task-stack span:nth-child(1){animation-delay:0s!important}.task-stack span:nth-child(2){animation-delay:-1s!important}.task-stack span:nth-child(3){animation-delay:-2s!important}
 .workflow-art .task-stack span{left:0!important;width:112px!important}
 .workflow-art .loop-arrow{left:50%!important;top:46%!important;width:54px!important;height:54px!important;transform:translate(-50%,-50%)!important;animation:none!important}
 .workflow-art .loop-arrow svg{width:52px!important;height:52px!important;animation:slowSpin 5s linear infinite!important}
 .workflow-art .automation-node{right:0!important;top:37%!important;width:90px!important;height:90px!important}
 .warning-pulse{animation:warningPulse 1.8s ease-in-out infinite!important}
 .status-line i{animation:statusMove 3s ease-in-out infinite!important}
 .message-stream span{animation:mailArrive 3.6s var(--ease) infinite!important}
 .message-stream span:nth-child(1){animation-delay:0s!important}.message-stream span:nth-child(2){animation-delay:-1.2s!important}.message-stream span:nth-child(3){animation-delay:-2.4s!important}
 .route-line{animation:routeFlow 1.5s linear infinite!important}
 .tools-art path{animation:dashFlow 4s linear infinite!important}
 .hub-node{animation:hubPulse 2.4s ease-in-out infinite!important}
 .cost-bars span{animation:barBreathe 3s ease-in-out infinite!important}
 .cost-bars span:nth-child(1){animation-delay:0s!important}.cost-bars span:nth-child(2){animation-delay:-.6s!important}.cost-bars span:nth-child(3){animation-delay:-1.2s!important}.cost-bars span:nth-child(4){animation-delay:-1.8s!important}
 .down-arrow{animation:arrowDrop 2s ease-in-out infinite!important}

 .services-section .service-grid{align-items:stretch!important}
 .services-section .service-card{align-self:stretch!important;height:auto!important;min-height:640px!important;margin:0!important}
 .services-section .service-card__top{display:grid!important;grid-template-rows:84px 66px 138px!important}
 .services-section .service-card .icon{margin-bottom:0!important}
 .services-section .service-card h3,.services-section .service-card p{min-height:0!important;margin-top:0!important}
 .services-section .service-card__list{margin-top:20px!important}
}
@media(max-width:420px){
 body[data-page="home"] .hero-human{min-height:485px;margin-bottom:-5px}
 body[data-page="home"] .hero-person{bottom:-66px!important}
 .friction-art{width:92%!important;height:255px!important}
 .workflow-art .task-stack span{width:104px!important;font-size:.88rem}
 .workflow-art .automation-node{width:84px!important;height:84px!important}
 .services-section .service-card{min-height:620px!important}
}
/* Quiet-cost artwork refinements: clear workflow handoff and animated envelope */
.flow-transfer{position:absolute;left:48%;top:50%;display:flex;align-items:center;justify-content:center;gap:5px;width:92px;height:54px;color:var(--blue);transform:translate(-50%,-50%)}
.flow-transfer i{width:7px;height:7px;border-radius:50%;background:#68b9f7;opacity:.25;animation:handoffDot 1.8s ease-in-out infinite}
.flow-transfer i:nth-child(2){animation-delay:.18s}.flow-transfer i:nth-child(3){animation-delay:.36s}
.flow-transfer svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;animation:handoffArrow 1.8s ease-in-out infinite}
@keyframes handoffDot{35%,65%{opacity:1;transform:translateX(5px)}}
@keyframes handoffArrow{50%{transform:translateX(5px)}}
.inquiry-art .message-stream span{box-sizing:border-box;grid-template-columns:32px minmax(0,1fr);column-gap:9px;width:176px;max-width:50%;padding:9px 11px;overflow:hidden}
.inquiry-art .message-stream span b,.inquiry-art .message-stream span small{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-route{position:absolute;left:52%;top:50%;display:flex;gap:7px;align-items:center;transform:translate(-50%,-50%)}
.mail-route i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px rgba(9,91,177,.35);animation:mailRouteDot 1.5s ease-in-out infinite}
.mail-route i:nth-child(2){animation-delay:.2s}.mail-route i:nth-child(3){animation-delay:.4s}
@keyframes mailRouteDot{0%,100%{opacity:.2;transform:translateX(-4px) scale(.75)}50%{opacity:1;transform:translateX(4px) scale(1)}}
.inbox-tray{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:118px;border-radius:26px}
.inbox-tray svg{width:58px;height:47px;fill:rgba(255,255,255,.08);stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 10px rgba(0,0,0,.12));animation:envelopeFloat 2.8s ease-in-out infinite}
.inbox-tray .inbox-flap{transform-origin:32px 11px;animation:envelopeFlap 2.8s ease-in-out infinite}
.inbox-tray span{font-size:.78rem;letter-spacing:.02em}
@keyframes envelopeFloat{50%{transform:translateY(-4px)}}
@keyframes envelopeFlap{0%,25%,100%{transform:scaleY(1)}45%,65%{transform:scaleY(.68)}}
.route-line,.loop-arrow{display:none!important}

/* The desktop process path is drawn through the live marker centers by app.js. */
.process-path{top:0;left:0;right:auto;width:100%;height:100%}
@media(max-width:700px){
 .workflow-art .flow-transfer{left:50%!important;top:50%!important;width:58px;height:42px}
 .flow-transfer i{width:5px;height:5px}.flow-transfer svg{width:25px;height:25px}
 .inquiry-art .message-stream span{left:0!important;width:150px!important;max-width:48%!important;height:62px!important;padding:8px 9px!important}
 .inquiry-art .message-stream span i{width:28px;height:22px}
 .inquiry-art .message-stream span b{font-size:.62rem}.inquiry-art .message-stream span small{font-size:.52rem}
 .mail-route{left:53%;gap:4px}.mail-route i{width:5px;height:5px}
 .inbox-tray{right:0!important;top:32%!important;width:118px!important;height:118px!important}
 .inbox-tray svg{width:52px;height:43px}.inbox-tray span{font-size:.72rem}
 .process-steps:before{left:51px!important;width:4px!important}
 .process-steps:after{left:44px!important}
}
@media(max-width:380px){
 .inquiry-art .message-stream span{width:138px!important;max-width:47%!important;grid-template-columns:25px minmax(0,1fr);column-gap:7px}
 .inbox-tray{width:108px!important;height:110px!important}
}

/* Simplified footer credibility and policy columns */
.footer-proof h3{margin-top:0;margin-bottom:22px}
.footer-proof ul{grid-template-columns:1fr;gap:11px}
.footer-proof li{align-items:center;color:#b9cce4;font-size:1rem;font-weight:500;line-height:1.5}
.footer-proof li:before{flex-basis:23px;width:23px;height:23px;font-size:.78rem}
@media(max-width:640px){
 .footer-proof h3{margin-bottom:17px}
 .footer-proof li{font-size:.95rem}
}
/* Mobile motion restoration for shared service capability stages */
@media(max-width:700px){
 .service-detail-section .orbit-a{animation:stageSpin 22s linear infinite!important;animation-play-state:running!important}
 .service-detail-section .orbit-b{animation:stageSpinReverse 17s linear infinite!important;animation-play-state:running!important}
 .service-detail-section .stage-core{animation:stageCore 3.2s ease-in-out infinite!important;animation-play-state:running!important}
 .service-detail-section .stage-node{animation:stageNode 4s ease-in-out infinite!important;animation-play-state:running!important}
 .service-detail-section .node-b{animation-delay:-1s!important}.service-detail-section .node-c{animation-delay:-2s!important}.service-detail-section .node-d{animation-delay:-3s!important}
 .service-detail-section .stage-pulse{display:block!important;animation:stagePulse 2.8s ease-out infinite!important;animation-play-state:running!important}
 .page-hero .orb.one{animation:spin 26s linear infinite!important;animation-play-state:running!important}
 .flow-transfer i{animation:handoffDot 1.8s ease-in-out infinite!important}
 .flow-transfer i:nth-child(2){animation-delay:.18s!important}.flow-transfer i:nth-child(3){animation-delay:.36s!important}
 .flow-transfer svg{animation:handoffArrow 1.8s ease-in-out infinite!important}
 .mail-route i{animation:mailRouteDot 1.5s ease-in-out infinite!important}
 .mail-route i:nth-child(2){animation-delay:.2s!important}.mail-route i:nth-child(3){animation-delay:.4s!important}
 .inbox-tray svg{animation:envelopeFloat 2.8s ease-in-out infinite!important}
 .inbox-tray .inbox-flap{animation:envelopeFlap 2.8s ease-in-out infinite!important}
}

/* Minimal animated particles inside the light mobile navigation drawer */
@media(max-width:960px){
 .header .nav-links{isolation:isolate}
 .header .nav-links:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#78bdf2 0 2px,transparent 2.5px),radial-gradient(circle,#f0c86f 0 1.5px,transparent 2px),radial-gradient(circle,#b5daf5 0 2px,transparent 2.5px);background-size:150px 190px,210px 170px,175px 230px;background-position:18px 40px,86px 125px,40px 210px;mask-image:linear-gradient(to bottom,#000 0 58%,transparent 92%);animation:drawerParticles 15s ease-in-out infinite alternate}
 .header .mobile-nav-head,.header .mobile-nav-items,.header .mobile-nav-cta,.header .mobile-nav-foot{position:relative;z-index:1}
}
@keyframes drawerParticles{0%{background-position:18px 40px,86px 125px,40px 210px}50%{background-position:42px 78px,58px 92px,70px 174px}100%{background-position:12px 112px,112px 54px,28px 138px}}
@media(prefers-reduced-motion:reduce){
 .service-detail-section .stage-orbit,.service-detail-section .stage-core,.service-detail-section .stage-node,.service-detail-section .stage-pulse,.page-hero .orb.one,.header .nav-links:before{animation:none!important}
}

/* Mobile drawer positioning correction after particle enhancement */
@media(max-width:960px){
 .header .nav-links{width:min(84vw,360px)!important}
 .header .mobile-nav-head{position:absolute!important;z-index:4!important;top:12px!important;right:12px!important;left:auto!important;width:42px!important;height:42px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
 .header .menu-close{position:relative!important;inset:auto!important;margin:0!important}
 .header .mobile-nav-items{position:relative;z-index:1;padding-top:64px}
 .header .mobile-nav-cta,.header .mobile-nav-foot{position:relative;z-index:1}
}
@media(max-width:380px){.header .nav-links{width:min(86vw,330px)!important}}