@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#102249;--deep:#091b3d;--blue:#207bf4;--cyan:#3bb8fc;--violet:#643bf9;--line:#cddbef;--muted:#506584}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#edf3fa;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}.shell{width:min(100% - 3rem,1260px);margin-inline:auto}.skip{position:absolute;top:-5rem;left:1rem;z-index:100;background:white;padding:.8rem}.skip:focus{top:1rem}
.site-header{background:#1b2847;color:#fff}.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand img{width:152px}.nav nav{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2.4rem);font-size:.82rem;font-weight:600}.nav nav>a:hover,.footer-links a:hover{color:#7fd8ff}.nav-cta{border:1px solid rgba(255,255,255,.4);border-radius:40px;padding:.72rem 1.1rem}
.eyebrow{font-size:.67rem;letter-spacing:.19em;font-weight:800;color:#2474d2}.lead{font-size:clamp(1.05rem,1.35vw,1.24rem);line-height:1.75;color:#475f81;max-width:700px}.hub-hero,.detail-hero{position:relative;isolation:isolate;overflow:hidden}.hub-hero{min-height:650px;padding-block:clamp(6rem,10vw,9rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hub-hero:before,.detail-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 78% 50%,rgba(64,154,245,.26),transparent 35%),radial-gradient(circle at 65% 62%,rgba(98,66,239,.11),transparent 32%)}.hub-hero h1,.detail-hero h1{max-width:920px;font-size:clamp(3.2rem,7.2vw,7.3rem);font-weight:700;letter-spacing:-.075em;line-height:1.03;margin:1.5rem 0 1.8rem}.hub-hero h1 em{font-style:normal;background:linear-gradient(100deg,#39b9ff,#237af2,#673bfb);background-clip:text;-webkit-background-clip:text;color:transparent}.hub-hero .lead{max-width:660px}.hero-actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;margin-top:2rem}.primary-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:2.2rem;border-radius:40px;background:linear-gradient(100deg,#2bb6f7,#2279f5,#643bf9);padding:1rem 1.2rem 1rem 1.5rem;color:white;font-weight:700;font-size:.88rem;box-shadow:0 14px 35px rgba(35,114,231,.19);transition:transform .25s,box-shadow .25s}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 19px 42px rgba(35,114,231,.28)}.primary-btn span{font-size:1.2rem}.text-link{font-size:.82rem;font-weight:700;border-bottom:1px solid #95aac5;padding-bottom:.35rem}.text-link:hover{color:#207bf4}.hero-orbit{position:absolute;z-index:-1;right:3%;top:13%;width:min(40vw,480px);aspect-ratio:1;border:2px solid rgba(60,139,233,.24);border-radius:50%;display:grid;place-items:center;transform:rotate(-24deg);box-shadow:0 0 95px rgba(26,109,226,.13)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:8%;border:2px solid rgba(110,77,248,.25);border-radius:50%;transform:scaleX(.65) rotate(54deg)}.hero-orbit:after{border-color:rgba(41,176,235,.36);transform:scaleX(1.27) rotate(-28deg)}.hero-orbit img{width:52%;filter:drop-shadow(0 13px 22px rgba(8,41,88,.3));animation:float 7s ease-in-out infinite}
.catalog{padding-block:6rem 8rem}.section-heading{margin-bottom:2.5rem}.section-heading h2{font-size:clamp(2.2rem,4.4vw,4.4rem);line-height:1.1;letter-spacing:-.065em;margin:.7rem 0}.section-heading>p:last-child{color:var(--muted);line-height:1.6}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.service-card{min-height:270px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:2rem;display:flex;flex-direction:column;box-shadow:0 16px 35px rgba(23,54,104,.06);transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);border-color:#65b8fa;box-shadow:0 24px 45px rgba(23,54,104,.13)}.service-card:nth-child(3n){background:linear-gradient(140deg,#173465,#193f87);color:white;border-color:#2c67b6}.card-index{font-size:.66rem;letter-spacing:.13em;font-weight:800;color:#327ec7}.service-card:nth-child(3n) .card-index{color:#92d9ff}.service-card h3{font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.17;letter-spacing:-.05em;margin:1.1rem 0 .7rem;max-width:500px}.service-card p{color:#526784;line-height:1.55;font-size:.91rem;max-width:560px}.service-card:nth-child(3n) p{color:#dceaff}.service-card strong{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(95,136,189,.24);display:flex;justify-content:space-between;font-size:.75rem}.service-card strong span{font-size:1.1rem}
.bridge,.cta-panel{background:linear-gradient(115deg,#183d79,#244db3 58%,#5143b9);color:#fff}.bridge{padding-block:5rem}.bridge-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:end}.bridge .eyebrow,.cta-panel .eyebrow{color:#9cddff}.bridge h2,.cta-panel h2{font-size:clamp(2.7rem,5.2vw,5.5rem);line-height:1.05;letter-spacing:-.065em;margin-bottom:0}.bridge p:last-child,.cta-panel p:not(.eyebrow){line-height:1.75;color:#e0eaff;font-size:1.07rem;max-width:620px}
.breadcrumbs{display:flex;align-items:center;gap:.7rem;padding-top:1.5rem;color:#587293;font-size:.75rem;font-weight:600}.breadcrumbs a:hover{color:#207bf4}.detail-hero{min-height:650px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:2rem;padding-block:6rem}.detail-hero .hero-copy{position:relative;z-index:2}.detail-hero h1{font-size:clamp(3.1rem,6vw,6.5rem);max-width:850px}.detail-art{height:min(35vw,420px);aspect-ratio:1;position:relative;display:grid;place-items:center}.detail-art:before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(54,149,245,.27),rgba(100,59,249,.09) 45%,transparent 70%);filter:blur(12px)}.detail-art img{width:55%;position:relative;z-index:2;filter:drop-shadow(0 15px 24px rgba(17,50,113,.2));animation:float 7s ease-in-out infinite}.art-orbit{position:absolute;width:90%;height:53%;border:2px solid rgba(42,148,232,.4);border-radius:50%;transform:rotate(-27deg);animation:spin 20s linear infinite}.art-two{width:74%;height:74%;border-color:rgba(100,59,249,.28);animation-duration:26s;animation-direction:reverse}.fact-line{color:#2775bd;font-size:.72rem;letter-spacing:.09em;font-weight:800;margin-top:2.3rem}.detail-section{padding-block:6rem 7rem;background:#fff}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.detail-card{border:1px solid #dce6f3;border-radius:22px;padding:2rem;min-height:320px;background:linear-gradient(160deg,#f8fbff,#eef5fc)}.detail-card:nth-child(2){background:linear-gradient(160deg,#edf5ff,#e4eafa)}.detail-marker{font-size:.7rem;font-weight:800;color:#287edb;letter-spacing:.15em}.detail-card h2{font-size:1.65rem;line-height:1.18;letter-spacing:-.045em;margin:2.2rem 0 1rem}.detail-card p,.use-case p{font-size:.95rem;line-height:1.7;color:#526782}.use-case{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding-block:7rem}.use-case h2{font-size:clamp(2.2rem,3.8vw,3.8rem);line-height:1.1;letter-spacing:-.06em;margin:.7rem 0 1.3rem}.answer{background:linear-gradient(145deg,#173c77,#283e91);border-radius:25px;padding:2.5rem;color:white}.answer .eyebrow{color:#9bdaff}.answer h3{font-size:1.7rem;letter-spacing:-.04em}.answer p{color:#e2ebff}.related{padding-block:5rem 7rem}.cta-panel{padding-block:5.5rem}.cta-panel h2{margin:.5rem 0 1rem}.cta-panel .primary-btn{margin-top:1rem;background:#f4f7fc;color:#173460}.site-footer{background:#172747;color:white;padding-block:3rem}.footer-inner{display:flex;justify-content:space-between;gap:3rem}.footer-inner img{width:175px}.footer-inner p{color:#b3c3dd;font-size:.85rem;margin:1.2rem 0 0}.footer-links{display:flex;gap:2rem;align-items:flex-end;font-size:.8rem;font-weight:600}
@keyframes float{50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(333deg)}}
@media(max-width:850px){.detail-hero{grid-template-columns:1fr;min-height:0;padding-block:5rem}.detail-art{width:min(100%,420px);height:auto;margin:auto;order:-1}.detail-grid{grid-template-columns:1fr}.detail-card{min-height:0}.bridge-grid,.use-case{grid-template-columns:1fr}.hero-orbit{opacity:.35;right:-8%}.hub-hero{min-height:570px}}
@media(max-width:600px){.shell{width:min(100% - 2rem,1260px)}.nav{min-height:70px;align-items:flex-start;padding-block:1rem;flex-direction:column;gap:1rem}.brand img{width:125px}.nav nav{width:100%;overflow:auto;gap:1.1rem;padding-bottom:.3rem;white-space:nowrap;font-size:.73rem}.nav-cta{padding:.4rem .7rem}.hub-hero{padding-block:5rem;min-height:0}.hub-hero h1,.detail-hero h1{font-size:clamp(2.9rem,12vw,4.5rem)}.hero-orbit{width:72vw;top:7%;right:-35%;opacity:.18}.lead{font-size:1rem}.catalog{padding-block:4rem}.catalog-grid{grid-template-columns:1fr}.service-card{min-height:230px;padding:1.5rem}.bridge,.detail-section,.cta-panel{padding-block:4rem}.detail-hero{padding-block:3rem}.detail-art{width:65%;order:0}.use-case{padding-block:4rem;gap:2rem}.answer{padding:1.7rem}.related{padding-block:4rem}.footer-inner{display:block}.footer-links{align-items:flex-start;flex-direction:column;gap:1rem;margin-top:2rem}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}

/* Give visitors arriving directly on a service page the same sense of motion as the home page. */
.hub-hero .hero-orbit{animation:seo-orbit-breathe 7s ease-in-out infinite}
.hub-hero .hero-orbit::before{animation:seo-orbit-inner 17s linear infinite}
.hub-hero .hero-orbit::after{animation:seo-orbit-outer 23s linear infinite reverse}
.hub-hero .hero-orbit img{animation:seo-mark-float 5.5s ease-in-out infinite}
.seo-motion-ready .service-card,.seo-motion-ready .detail-card{opacity:0;transform:translateY(30px) scale(.97);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
.seo-motion-ready .service-card.is-visible,.seo-motion-ready .detail-card.is-visible{opacity:1;transform:none}
.seo-motion-ready .service-card.is-visible:hover{transform:translateY(-5px)}
.seo-motion-ready .service-card:nth-child(2n),.seo-motion-ready .detail-card:nth-child(2n){transition-delay:90ms}
@keyframes seo-orbit-breathe{50%{box-shadow:0 0 125px rgba(35,125,236,.28)}}
@keyframes seo-orbit-inner{to{transform:scaleX(.65) rotate(414deg)}}
@keyframes seo-orbit-outer{to{transform:scaleX(1.27) rotate(332deg)}}
@keyframes seo-mark-float{50%{transform:translateY(-14px) rotate(9deg)}}
@media(prefers-reduced-motion:reduce){.hub-hero .hero-orbit,.hub-hero .hero-orbit::before,.hub-hero .hero-orbit::after,.hub-hero .hero-orbit img{animation:none}.seo-motion-ready .service-card,.seo-motion-ready .detail-card{opacity:1;transform:none}}