/* Black, porcelain and a shared electric gradient. */
:root{--deep:#06070b;--navy:#0c101a;--ink:#0c0f17;--cyan:#769dff;--blue:#2864f5;--pale:#f2f3f6;--line:#dce0e8}
body{background:#06070b}html{scroll-padding-top:125px}
.header{position:fixed;top:18px;left:4%;right:4%;height:78px;padding:0 26px;background:#11141ccc;border:1px solid #ffffff24;border-radius:20px;box-shadow:0 18px 65px #0005;transition:background .3s,border-color .3s,box-shadow .3s;backdrop-filter:blur(24px)}
.header.is-scrolled{background:#0c101af2;border-color:#ffffff30;box-shadow:0 10px 45px #0006}
.original-logo img{width:106px;height:51px;border-radius:4px}.header-cta{background:#fff;color:#0b0d12;border-radius:12px;padding:10px 16px;min-height:44px}.header-cta:hover{background:#dce6ff;box-shadow:0 0 30px #2864f529}.nav a:hover{color:#b3c8ff}.nav a:after{background:#769dff}.reading-progress{background:#6091ff}
.hero{min-height:840px;min-height:max(840px,100svh);background:#06070b;perspective:1400px;border-bottom:1px solid #1f2430}
.hero-copy{padding:180px 7% 155px;max-width:1800px;position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}
.hero .eyebrow{color:#cbd2e3;font-size:.75rem;letter-spacing:.22em}.short-line{background:#487cff;width:40px}
.hero h1{font-size:clamp(5rem,12.2vw,12.6rem);font-weight:800;line-height:.97;letter-spacing:-.07em;margin:65px 0 42px;max-width:100%;filter:drop-shadow(0 8px 35px #0004)}
.hero .title-mask{padding-bottom:.09em;margin-bottom:-.09em}.hero .title-mask:nth-child(2){font-size:.75em;color:#89aaff;line-height:1.05;letter-spacing:-.065em}.title-future>span{background:linear-gradient(110deg,#fff 0%,#b9ceff 26%,#668fff 58%,#2761f5 85%);background-clip:text;-webkit-background-clip:text;color:transparent;width:fit-content}
.hero-bottom{gap:72px;margin-top:40px}.hero-bottom p{color:#aeb7cb;font-size:1rem}.hero-bottom strong{color:#fff}.hero .button{background:#f5f7fc;color:#070b16;border-radius:16px;min-height:62px;padding:17px 24px;box-shadow:0 12px 50px #0005;gap:35px}.hero .button:hover{background:#dce6ff;box-shadow:0 10px 60px #4575ff29}.button span{display:grid;place-items:center;width:30px;height:30px}.button{border-radius:14px}
.hero-backdrop{inset:155px -4% 155px 47%;border:1px solid #668cff4d;border-radius:38px;transform:perspective(1300px) rotateY(-16deg) rotateZ(5deg);z-index:0;box-shadow:0 0 100px #2055eb25,0 40px 120px #0009;opacity:.8;isolation:isolate;background:#131925}
.hero-backdrop img{object-position:58% 52%;filter:grayscale(1) contrast(1.3) brightness(.77);mix-blend-mode:luminosity;transform:translate3d(var(--pan-x,0px),var(--pan-y,0px),0) scale(1.17)}
.hero-backdrop:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#11234d70,transparent 40%,#2864f520);box-shadow:inset 0 0 70px #0007}
.hero:after{z-index:1;background:linear-gradient(90deg,#06070b 0%,#06070bef 18%,#06070b91 48%,transparent 75%),linear-gradient(0deg,#06070b 2%,transparent 30%);pointer-events:none}
.hero-aura{position:absolute;width:800px;height:800px;right:-160px;top:-170px;background:radial-gradient(ellipse,#3152c43b,transparent 66%);z-index:0;pointer-events:none}.hero-aura:after{content:'';position:absolute;width:70%;height:70%;left:-350px;top:500px;background:radial-gradient(ellipse,#2b57cf30,transparent 68%)}
.hero-grid{z-index:0;opacity:.2;background-image:linear-gradient(#7588b215 1px,transparent 1px),linear-gradient(90deg,#7588b215 1px,transparent 1px);background-size:140px 140px;mask-image:linear-gradient(90deg,transparent,#000)}
.scan-beam{height:13%;background:linear-gradient(transparent,#4886ff0b,#4886ff32);border-color:#89b3ff99;box-shadow:0 20px 50px #4779ff14;z-index:1}
.hero-side{z-index:3;writing-mode:horizontal-tb;top:auto;bottom:97px;right:7%;left:auto;gap:40px;letter-spacing:.16em;color:#8591a8;font-size:.6875rem}.hero-side span:first-child{color:#adc5ff}
.scroll-cue{z-index:3;width:54px;height:54px;border-color:#ffffff30;bottom:30px;right:7%;color:white}.scroll-cue:hover{background:white;color:#101624;border-color:white}.motion-control{z-index:3;color:#97a2ba;bottom:31px}.motion-control:hover{color:white}
.intro{background:#f7f8fc;border-radius:32px 32px 0 0;position:relative;z-index:3;margin-top:-1px}.section{padding:110px 7%}.section h2 em{color:#4f628a}.section-label .hairline{background:#d8dfeb}.section-label>span:first-child{font-size:.75rem;letter-spacing:.09em}.intro-layout h2{font-size:clamp(2.3rem,4.1vw,4.3rem);letter-spacing:-.065em}.intro-copy p{color:#667086}.text-link:hover{color:#245ada}
.craft-panel{background:linear-gradient(130deg,#0a0c13,#141d32);border:1px solid #fff2;border-radius:24px;padding:42px 6%;gap:10%}.craft-number{color:#fff;font-size:clamp(5rem,14vw,12rem);letter-spacing:-.09em}.craft-number>span{color:#769dff}.craft-panel .eyebrow{color:#9ebaff}.craft-cross{color:#6585cf12}.craft-panel p{color:#98a5bd}.principles{border-color:#d8dfeb;gap:25px}.principles article{padding:22px;border-radius:16px;transition:background .35s,transform .35s}.principles article:hover{background:white;transform:translateY(-8px)}.principles h3{font-size:1.55rem}.tiny-label{color:#5e7196}
.services{background:#07090f;border-top:1px solid #202636}.services .section-label{color:#9aa5bd}.services .section-label .hairline{background:#232c3e}.services h2{font-size:clamp(3rem,6vw,6rem)}.services h2 em{color:#96b5ff}.services .section-heading p{color:#8d9bb4}.services .service-list{border:0;display:grid;gap:14px}.services details{background:#0e131f;border:1px solid #222b3e;border-radius:20px;overflow:hidden;transition:border-color .3s,background .3s,box-shadow .3s}.services details:hover{border-color:#436297;box-shadow:0 8px 40px #0003}.services details[open]{background:#111a2b;border-color:#506893}.services summary{padding:32px 26px;grid-template-columns:45px 1fr 230px 28px;transition:padding .35s,background .35s}.services summary:hover,.services details[open] summary{background:transparent;padding-left:34px}.services details[open] summary h3{color:#fff}.services .service-number{color:#7897ce}.services .service-tag{color:#869bbb}.services .plus{border:1px solid #40577c;border-radius:50%;width:28px;height:28px;position:relative}.services .plus:before,.services .plus:after{top:12px;left:6px;width:14px;background:#a5c1ff}.services .service-body{padding:0 35px 34px 91px}.services .text-link{color:#9dbbff;border-color:#526c99}.services .service-body p,.services .service-body ul{color:#a1aec5}
.digital{background:#0e121d;color:white;border-top:1px solid #263044;overflow:hidden}.digital:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 40%,#265de529,transparent 52%)}.digital .section-label,.digital .eyebrow,.digital .workflow li>span{color:#9db5e3}.digital .hairline{background:#2b364e}.digital h2 em{color:#8eafff}.digital p{color:#a5b1ca}.digital .button{background:white;color:#0d172b}.digital .button:hover{background:#dce6ff}.digital .workflow li{border-color:#29354b;padding:30px 0}.digital .workflow li>span{background:#182746;border:1px solid #334a74;min-width:40px;height:40px;border-radius:12px;display:grid;place-items:center;padding:0;align-self:start}.digital .workflow h3{color:#edf2ff}.digital .workflow li:hover{transform:translateX(10px)}
.testimonial{background:#f7f8fc}.testimonial blockquote{font-size:clamp(2rem,4.8vw,4.8rem);letter-spacing:-.065em}.quote-mark{color:#3268e5}.contact{background:#070a11;border-top:1px solid #202636;position:relative;overflow:hidden}.contact:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 15% 110%,#2864f51c,transparent 65%);pointer-events:none}.contact>div{position:relative}.contact h2 em,.contact .contact-email{color:#94b3ff}.contact .contact-email{border-color:#3c5280}.contact .button-dark{background:#fff;color:#0c1425}.contact .button-dark:hover{background:#dce6ff}.contact .hairline{background:#293348}.contact .contact-details address,.contact .contact-details>a:not(.phone):not(.button),.contact-details .tiny-label{color:#9daac3}footer{background:#06070b;border-top:1px solid #202636}footer .brand-cross{color:#85a7ff}.footer-links a:hover,.footer-links button:hover{color:#9cb9ff}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#83a7ff}
/* Entry choreography, moving depth and interaction feedback. */
.motion-enabled .hero-backdrop{animation:panel-arrive 1.6s cubic-bezier(.16,1,.3,1) both,panel-float 9s 1.6s ease-in-out infinite}.motion-enabled .hero-aura{animation:aura-drift 12s ease-in-out infinite alternate}.motion-enabled .title-mask>span{animation:title-launch 1.25s cubic-bezier(.16,1,.3,1) both}.motion-enabled .title-mask:nth-child(2)>span{animation-delay:.18s}.motion-enabled .hero-bottom{animation:fade-enter 1.15s .5s both}.motion-enabled .header{animation:nav-arrive .8s .1s cubic-bezier(.16,1,.3,1) both}.motion-enabled .scan-beam{animation:scan-sweep 6s 1.5s ease-in-out infinite}.motion-enabled .craft-panel.in-view .craft-number{animation:number-focus 1.2s cubic-bezier(.16,1,.3,1) both}.motion-enabled .reveal{transform:translateY(48px);transition-duration:1s}.motion-enabled .reveal.in-view{transform:none}.motion-enabled .hero .button{transform:translate3d(var(--button-x,0px),var(--button-y,0px),0);transition:transform .25s,background .25s,box-shadow .25s}
@keyframes title-launch{from{transform:translate3d(0,120%,0) rotate(5deg);filter:blur(8px);opacity:0}to{transform:none;filter:blur(0);opacity:1}}
@keyframes panel-arrive{from{opacity:0;transform:perspective(1300px) translateX(160px) rotateY(-28deg) rotateZ(9deg) scale(.9)}to{opacity:.8;transform:perspective(1300px) rotateY(-16deg) rotateZ(5deg)}}
@keyframes panel-float{0%,100%{transform:perspective(1300px) translateY(0) rotateY(-16deg) rotateZ(5deg)}50%{transform:perspective(1300px) translateY(-16px) rotateY(-10deg) rotateZ(3deg)}}
@keyframes aura-drift{from{transform:translate(-25px,0) scale(.9)}to{transform:translate(50px,70px) scale(1.2)}}
@keyframes nav-arrive{from{transform:translateY(-25px);opacity:0}to{transform:none;opacity:1}}
@keyframes number-focus{from{transform:translateY(30px) scale(.88);filter:blur(5px);opacity:0}to{transform:none;filter:blur(0);opacity:1}}
.motion-paused .hero .button{transform:none!important}.motion-paused .hero-backdrop{opacity:.8;transform:perspective(1300px) rotateY(-16deg) rotateZ(5deg)}
@media(min-width:1700px){.hero-copy{padding-top:210px}.hero{min-height:1000px}.hero-backdrop{inset:175px -1% 175px 47%}}
@media(max-width:1100px){.header{padding:0 20px;left:3%;right:3%;gap:20px}.nav{gap:18px}.hero-copy{padding-top:180px}.hero{min-height:800px}.hero h1{font-size:12.5vw;margin-top:60px}.hero-backdrop{inset:160px -12% 180px 43%}.hero-bottom{gap:35px}.services summary{grid-template-columns:30px 1fr 170px 28px}.services .service-body{padding-left:76px}.section{padding:90px 6%}}
@media(max-width:800px){.header{height:72px;top:12px;left:3%;right:3%;padding:0 18px;border-radius:17px}.nav{top:82px;border:1px solid #35415c;border-radius:17px;background:#0d121ff5;padding:22px;box-shadow:0 20px 50px #0006;backdrop-filter:blur(24px)}.original-logo img{width:98px;height:47px}.hero-copy{padding:160px 6% 145px}.hero h1{font-size:13vw;margin-top:65px;margin-bottom:40px}.hero .title-mask:nth-child(2){font-size:.77em}.hero{min-height:800px}.hero-backdrop{inset:145px -20% 170px 40%;opacity:.65}.hero-side{display:none}.hero .button{min-height:58px}.hero:after{background:linear-gradient(90deg,#06070bf2 5%,#06070b80 70%,transparent),linear-gradient(0deg,#06070b,transparent 50%)}.intro{border-radius:24px 24px 0 0}.services summary{grid-template-columns:28px 1fr 28px;padding:27px 20px;gap:15px}.services summary:hover,.services details[open] summary{padding-left:26px}.services .service-body{padding:0 22px 30px 63px}.services .section-heading h2{font-size:3.3rem}.section{padding:80px 6%}.section h2{font-size:2.8rem}.digital h2{font-size:3.5rem}.principles article{padding:15px}.craft-panel{border-radius:20px}}
@media(max-width:520px){.header{left:12px;right:12px;top:10px;gap:13px;height:68px;padding:0 14px;border-radius:16px}.original-logo img{width:85px;height:41px}.header-cta{font-size:.75rem;border-radius:10px;padding:8px 11px}.nav{top:77px;font-size:1.1rem}.hero{min-height:770px;min-height:max(770px,100svh)}.hero-copy{padding:144px 6% 155px}.hero h1{font-size:14.4vw;margin:54px 0 42px;line-height:1.08}.hero .title-mask:nth-child(2){font-size:.75em;line-height:1.15}.hero .eyebrow{font-size:.6875rem;letter-spacing:.13em}.hero-bottom{gap:29px;margin-top:32px}.hero-bottom p{font-size:1rem}.hero .button{padding:15px 20px;gap:24px;font-size:.875rem}.hero-backdrop{inset:175px -53% 170px 27%;border-radius:28px;opacity:.48;transform:rotate(-6deg)}.hero-backdrop img{transform:scale(1.08)!important}.hero-aura{width:600px;height:600px;right:-350px;top:-50px}.hero:after{background:linear-gradient(90deg,#06070bf0 3%,#06070ba0 65%,#06070b20),linear-gradient(0deg,#06070b 8%,transparent 60%)}.hero .scroll-cue{bottom:34px}.hero .motion-control{bottom:38px}.section{padding:62px 6%}.intro-layout h2,.section h2{font-size:2.25rem}.services .section-heading h2{font-size:2.8rem}.principles{gap:14px}.principles article{padding:20px 0}.principles article:hover{background:transparent}.craft-panel{padding:25px 7%;border-radius:18px}.craft-number{font-size:29vw}.services summary{grid-template-columns:21px 1fr 26px;gap:9px;padding:24px 13px}.services summary h3{font-size:1.125rem;letter-spacing:-.04em}.services summary:hover,.services details[open] summary{padding-left:16px}.services .service-body{padding:0 15px 26px 43px}.services .plus{height:26px;width:26px}.services .plus:before,.services .plus:after{top:11px;left:5px}.services details{border-radius:15px}.digital h2{font-size:3rem}.digital .workflow li{gap:17px}.digital .workflow li>span{min-width:33px;height:33px;border-radius:9px}.digital .workflow h3{font-size:1.18rem}.contact h2{font-size:2.3rem}.contact .contact-email{font-size:1.2rem}.motion-enabled .hero-backdrop{animation:mobile-panel 1.7s ease both}.motion-enabled .hero-aura{animation:none}.motion-enabled .reveal{transform:translateY(25px)}.motion-enabled .reveal.in-view{transform:none}.motion-paused .hero-backdrop{transform:rotate(-6deg);opacity:.48}}
@keyframes mobile-panel{from{opacity:0;transform:translateX(50px) rotate(-10deg)}to{opacity:.48;transform:translateX(0) rotate(-6deg)}}
@media(prefers-reduced-motion:reduce){.motion-enabled *,.motion-enabled *:before,.motion-enabled *:after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}.hero .button{transform:none!important}.hero-backdrop img{transform:none!important}.hero-backdrop{animation:none!important}.hero-aura{animation:none!important}}

/* Final visual system: light-catching type, clear controls and consistent surfaces. */
:root{--spectrum:linear-gradient(115deg,#effaff 3%,#a8cbff 32%,#7895ff 66%,#aaa0ff 100%)}
::selection{background:#b9ceff;color:#0a1329}
.header{border-color:#98afff30}
.original-logo{flex-shrink:0}.original-logo img{width:120px;height:58px;object-fit:contain}
.header-cta{gap:5px;white-space:nowrap;flex-shrink:0;font-weight:600}
.header-cta .cta-full{font:inherit;display:inline}.header-cta .cta-arrow{display:inline;font-size:1.2rem;margin-left:15px}
.nav a[aria-current=location]{color:#c8d6ff}.nav a[aria-current=location]:after{width:100%;background:var(--spectrum)}
.hero h1{letter-spacing:-.06em}.hero .title-mask:nth-child(2){letter-spacing:-.06em}
.title-future>span{background-image:var(--spectrum);background-size:160% 100%;background-position:0 50%;padding-right:.04em}
.hero-aura{background:radial-gradient(ellipse at 65% 35%,#6960d942,transparent 55%),radial-gradient(ellipse at 35% 60%,#315be34a,transparent 65%)}
.hero-backdrop{border-color:#a3b6ff5c}
.hero-bottom p{color:#c0c9dc;line-height:1.75}
.hero .button span,.digital .button span,.contact .button span{border-radius:50%;background:#dce5ff;color:#234da6;transition:background .25s,transform .25s}
.button:hover span{background:#c9d8ff;transform:rotate(45deg)}
.motion-control{font-size:.8125rem;min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid #ffffff26;background:#101725a6;color:#b8c5dd;backdrop-filter:blur(12px)}
.hero-side{font-size:.75rem;letter-spacing:.13em;color:#a3b0c8}
.section-label{gap:24px}.section-label .hairline{background:linear-gradient(90deg,#91a7d3,transparent)}
.intro{background:radial-gradient(ellipse at 100% 0,#dbe6ff85,transparent 46%),#f7f8fc}
.intro h2 em{background:linear-gradient(110deg,#244cb6,#5c55a5);background-clip:text;-webkit-background-clip:text;color:transparent}
.intro-copy p,.principles p{color:#525f77;line-height:1.8}
.craft-panel{background:radial-gradient(ellipse at 90% 5%,#4658a645,transparent 60%),linear-gradient(120deg,#0a0e19,#172443);box-shadow:0 24px 65px #1c2f5714}
.craft-number{background:var(--spectrum);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-.075em}.craft-number>span{color:#9eb5ff}
.craft-panel p{color:#b5c2dc}
.principles article{border:1px solid transparent}.principles article:hover{border-color:#e1e6f1;box-shadow:0 15px 35px #23386209}
.services h2 em,.digital h2 em,.contact h2 em{background:var(--spectrum);background-clip:text;-webkit-background-clip:text;color:transparent}
.services .section-heading p{color:#afbbd2}
.services details[open]{background:radial-gradient(ellipse at 100% 0,#46529b26,transparent 70%),#111a2b;border-color:#809bd48c;box-shadow:0 14px 50px #0003}
.services summary h3{min-width:0;line-height:1.3}.services .service-tag{font-size:.75rem;letter-spacing:.025em;color:#a6b7d4}
.services .service-number{color:#a4b9e3}.services .service-body p,.services .service-body ul{color:#b8c5dc;line-height:1.8}
.services summary:hover,.services details[open] summary{padding-left:26px}
.digital .workflow li>span{background:linear-gradient(135deg,#283e68,#1e2549);border-color:#637bac80;color:#d5e1ff}
.digital .workflow p{color:#bac7dd}
.testimonial{background:radial-gradient(ellipse at 50% 100%,#e3e7ff,transparent 75%),#f7f8fc}.testimonial blockquote{letter-spacing:-.05em;text-wrap:balance}
.contact:before{background:radial-gradient(ellipse at 15% 110%,#315dcc35,transparent 65%),radial-gradient(ellipse at 95% 10%,#7163ca18,transparent 50%)}
.contact-email:hover{color:#d1dfff;border-color:#d1dfff}
.text-link span,.contact-email span{transition:transform .25s}.text-link:hover span,.contact-email:hover span{transform:translate(3px,-3px)}
footer p{color:#9daac3}.footer-links{font-size:.875rem}.footer-links button,.footer-links a{min-height:44px;display:inline-flex;align-items:center}
.footer-links>a:last-child{width:44px;justify-content:center;border:1px solid #ffffff26;border-radius:50%}
dialog{border:1px solid #cbd5ec;border-radius:24px;box-shadow:0 40px 120px #0008;max-height:calc(100svh - 40px)}
.dialog-close{width:44px;height:44px;display:grid;place-items:center;line-height:1;border-radius:50%}.dialog-close:hover{background:#e9eef9}
.motion-enabled .title-future>span{animation:title-launch 1.25s .18s cubic-bezier(.16,1,.3,1) both,spectrum-flow 10s 1.5s ease-in-out infinite alternate}
@keyframes spectrum-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(max-width:1100px){.header{gap:16px}.nav{gap:16px}.original-logo img{width:108px;height:52px}}
@media(max-width:800px){
  html{scroll-padding-top:105px}.nav{max-height:calc(100svh - 115px);overflow-y:auto}.nav a{padding:12px 4px}
  .menu-toggle{width:44px;min-width:44px;height:44px;align-items:center}.header{gap:12px}
  .hero .eyebrow{font-size:.75rem;letter-spacing:.13em}.services summary:hover,.services details[open] summary{padding-left:20px}
}
@media(max-width:520px){
  .header{gap:8px;padding:0 10px}.original-logo img{width:94px;height:45px}.header-cta{font-size:.8125rem;padding:9px 12px}.header-cta .cta-arrow{display:none}
  .hero{min-height:max(720px,100svh)}.hero-copy{padding-top:142px;padding-bottom:135px}.hero h1{margin-top:44px;margin-bottom:32px}
  .hero .eyebrow{font-size:.6875rem;letter-spacing:.1em;gap:10px}.hero-bottom{gap:22px;margin-top:26px}.hero .button{min-height:60px}
  .hero-backdrop{inset:155px -53% 140px 27%}.hero .motion-control{bottom:30px;left:6%;font-size:.75rem}.hero .scroll-cue{bottom:30px}
  .section-label>span:first-child,.tiny-label{font-size:.75rem;letter-spacing:.06em}.section-label{gap:15px}
  .intro-layout h2{letter-spacing:-.05em}.services summary:hover,.services details[open] summary{padding-left:13px}
  .services summary h3{font-size:1.125rem;letter-spacing:-.025em;overflow-wrap:break-word}.services .service-body{padding-left:43px;font-size:.9375rem}
  .principles article:hover{box-shadow:none;border-color:transparent}.digital .button{max-width:100%;gap:16px}.digital .button span{flex-shrink:0}
  footer{gap:18px}.footer-links{gap:16px;font-size:.8125rem}.testimonial blockquote{font-size:2rem}
}
@media(max-width:359px){.header-cta .cta-full{display:none}.hero .eyebrow{letter-spacing:.045em}.short-line{width:22px}.hero-copy{padding-top:132px}.hero .button{gap:16px}.digital .button{font-size:.8125rem;padding:15px}.services .service-body{padding-left:16px}}
@media(forced-colors:active){.title-future>span,.section h2 em,.craft-number{background:none;color:CanvasText}.hero .title-future>span{color:CanvasText}.button,.services details,.motion-control{border:1px solid ButtonText}}

/* Motion edition: orbiting light, word choreography and interactive depth. */
.hero-energy{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.8}
.energy-orbit{position:absolute;width:650px;height:650px;right:-100px;top:140px;border-radius:50%;border:1px solid #a5b5ff20;transform:rotate(-28deg) scaleY(.68)}
.energy-orbit:before{content:'';position:absolute;inset:-1px;border:2px solid transparent;border-top-color:#a8bcff9c;border-right-color:#8090ff28;border-radius:50%;filter:drop-shadow(0 0 9px #7b92ff)}
.energy-orbit:after{content:'';position:absolute;top:13%;left:13%;width:7px;height:7px;border-radius:50%;background:#d1dbff;box-shadow:0 0 22px 5px #869dff66}
.orbit-two{width:880px;height:880px;right:-200px;top:10px;transform:rotate(32deg) scaleY(.7);opacity:.55}
.hero-energy>i{position:absolute;width:3px;height:3px;background:#b9ccff;border-radius:50%;box-shadow:0 0 13px 2px #849fff5c;left:45%;top:67%;opacity:0}
.hero-energy>i:nth-of-type(2){left:59%;top:45%;animation-delay:-2s!important}
.hero-energy>i:nth-of-type(3){left:82%;top:75%;animation-delay:-5s!important}
.hero-energy>i:nth-of-type(4){left:91%;top:36%;animation-delay:-7s!important}
.hero-energy>i:nth-of-type(5){left:68%;top:86%;animation-delay:-4s!important}
.hero-energy>i:nth-of-type(6){left:35%;top:82%;animation-delay:-8s!important}
.motion-enabled .energy-orbit:before,.motion-enabled .energy-orbit:after{animation:orbit-turn 18s linear infinite;transform-origin:325px 325px}
.motion-enabled .energy-orbit:before{transform-origin:center}
.motion-enabled .energy-orbit:after{top:0;left:calc(50% - 3px);transform-origin:3px 325px}
.motion-enabled .orbit-two:before{animation-duration:26s;animation-direction:reverse}
.motion-enabled .orbit-two:after{transform-origin:3px 440px;animation-duration:26s;animation-direction:reverse}
.motion-enabled .hero-energy>i{animation:particle-rise 10s ease-in-out infinite}
.motion-enabled .hero-grid{animation:grid-travel 24s linear infinite}
.motion-enabled .hero-aura:after{animation:halo-breathe 7s ease-in-out infinite alternate}
.motion-enabled .hero .button:before{content:'';position:absolute;inset:-30% auto -30% -80%;width:50%;background:linear-gradient(90deg,transparent,#6585ff30,transparent);transform:skewX(-25deg);pointer-events:none;animation:button-glint 5.5s 2s ease-in-out infinite}
.word-mask{display:inline-block;vertical-align:top;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em;max-width:100%}
.word-rise{display:inline-block;vertical-align:top}
.section h2 em{background:none;color:#a8bbff}.intro h2 em{color:#3a50aa}
.section h2 em .word-rise{background:var(--spectrum);background-clip:text;-webkit-background-clip:text;color:transparent}
.intro h2 em .word-rise{background-image:linear-gradient(110deg,#244cb6,#5c55a5)}
.motion-enabled .animated-heading .word-rise{opacity:0;transform:translateY(110%) rotate(5deg);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .7s;transition-delay:var(--word-delay,0ms)}
.motion-enabled .animated-heading.heading-visible .word-rise{opacity:1;transform:none}
.motion-enabled .section-label.in-view .hairline{animation:line-draw 1.3s cubic-bezier(.16,1,.3,1) both;transform-origin:left}
.spotlight-card{position:relative;isolation:isolate}
.spotlight-card:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(450px circle at var(--spot-x,50%) var(--spot-y,50%),#9badff25,transparent 70%);opacity:0;transition:opacity .4s;z-index:0}
.spotlight-card>*,.services .spotlight-card summary{position:relative;z-index:1}
.spotlight-card>.craft-cross{position:absolute;z-index:0}
.motion-enabled .spotlight-card.pointer-active:before{opacity:1}
.workflow{position:relative;isolation:isolate}
.workflow:before,.workflow:after{content:'';position:absolute;top:20px;bottom:20px;left:20px;width:1px;background:#5975af38;z-index:-1;pointer-events:none}
.workflow:after{background:linear-gradient(#dee7ff,#8397ff,#728fff);box-shadow:0 0 15px #688eff88;transform-origin:top;transform:scaleY(var(--flow-progress,0));transition:transform .15s linear}
.motion-enabled .workflow li.in-view>span{animation:step-pop .8s var(--reveal-delay,0ms) cubic-bezier(.16,1,.3,1) both}
.motion-enabled .nav.open{animation:menu-unfold .4s cubic-bezier(.16,1,.3,1) both;transform-origin:top}
.motion-enabled .nav.open a{animation:fade-enter .4s both}.motion-enabled .nav.open a:nth-child(2){animation-delay:.04s}.motion-enabled .nav.open a:nth-child(3){animation-delay:.08s}.motion-enabled .nav.open a:nth-child(4){animation-delay:.12s}
.motion-enabled dialog[open]{animation:dialog-rise .35s cubic-bezier(.16,1,.3,1) both}
.motion-enabled details[open] .service-body{animation:detail-enter .5s cubic-bezier(.16,1,.3,1) both}
.motion-enabled .contact:before{animation:contact-glow 9s ease-in-out infinite alternate}
@media(hover:hover) and (pointer:fine) and (min-width:801px){
  .motion-enabled .spotlight-card.in-view{transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .8s,border-color .3s,box-shadow .3s}
  .motion-enabled .spotlight-card.in-view.pointer-active{transform:perspective(1200px) translateY(-5px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 22px 60px #0002}
}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes particle-rise{0%,100%{opacity:0;transform:translate3d(0,40px,0) scale(.5)}20%,70%{opacity:.8}90%{opacity:0;transform:translate3d(40px,-140px,0) scale(1.15)}}
@keyframes grid-travel{to{background-position:140px 140px}}
@keyframes halo-breathe{from{transform:translate(-30px,20px) scale(.75);opacity:.5}to{transform:translate(50px,-40px) scale(1.25);opacity:1}}
@keyframes button-glint{0%,45%{left:-80%}75%,100%{left:150%}}
@keyframes line-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes step-pop{from{transform:scale(.6) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}
@keyframes menu-unfold{from{opacity:0;transform:translateY(-12px) scaleY(.92)}to{opacity:1;transform:none}}
@keyframes dialog-rise{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:none}}
@keyframes contact-glow{from{opacity:.45;transform:scale(1)}to{opacity:1;transform:scale(1.12)}}
@media(max-width:800px){.hero-energy{opacity:.55}.energy-orbit{right:-270px}.orbit-two{right:-380px}}
@media(max-width:520px){.hero-energy{opacity:.4}.energy-orbit{width:440px;height:440px;right:-250px;top:210px}.orbit-two{display:none}.motion-enabled .energy-orbit:after{transform-origin:3px 220px}.hero-energy>i:nth-of-type(n+4){display:none}.motion-enabled .hero-grid{animation:none}.workflow:before,.workflow:after{left:16px}.motion-enabled .animated-heading .word-rise{transition-duration:.65s}.word-mask{overflow-wrap:normal}}
.motion-paused .word-rise{opacity:1;transform:none;transition:none}.motion-paused .spotlight-card{transform:none!important}.motion-paused .workflow:after{transform:scaleY(1);transition:none}
.motion-paused *:before,.motion-paused *:after,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hero-energy{display:none}.animated-heading .word-rise{opacity:1!important;transform:none!important;transition:none!important}.workflow:after{transform:scaleY(1);transition:none}.spotlight-card{transform:none!important}.spotlight-card:before{display:none}}
@media(forced-colors:active){.section h2 em .word-rise{background:none;color:CanvasText}.hero-energy{display:none}}

/* Both primary services stay visible in the fixed header. */
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}
.header-actions .header-cta{margin:0;font-size:.875rem;justify-content:center;min-height:46px;padding:10px 15px}
.header-actions .cta-arrow{margin-left:8px}
.header-actions .header-quote{background:var(--spectrum);color:#0b1631;box-shadow:0 5px 24px #809aff24}
.header-actions .header-quote:hover{background:#dce7ff;box-shadow:0 5px 30px #91aaff45}
.header-actions .header-stl{background:#152038;border:1px solid #819ac46e;color:#e1eaff}
.header-actions .header-stl:hover{background:#263759;border-color:#b9cdff}
@media(max-width:1100px){
  .header{gap:14px}.nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;background:#0d121ff5;border:1px solid #35415c;border-radius:17px;padding:22px;box-shadow:0 20px 50px #0006;backdrop-filter:blur(24px);max-height:calc(100svh - 145px);overflow-y:auto;font-size:1.1rem}
  .nav.open{display:flex;flex-direction:column;gap:8px}.nav a{padding:12px 4px}
  .menu-toggle{display:flex;flex-shrink:0;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:0;background:transparent;padding:10px 0}
  .menu-toggle span{width:25px;height:1px;background:#fff;transition:transform .2s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
}
@media(max-width:520px){
  .header{display:grid;grid-template-columns:1fr 44px;gap:7px 12px;padding:8px 12px 11px;height:auto}
  .header>.original-logo{grid-column:1;grid-row:1;justify-self:start}.menu-toggle{grid-column:2;grid-row:1}
  .header-actions{grid-column:1/-1;grid-row:2;width:100%;margin:0;gap:8px}
  .header-actions .header-cta{flex:1;min-height:44px;padding:9px 8px;font-size:.8125rem;border-radius:10px}
  .header-actions .cta-arrow{display:none}.hero-copy{padding-top:181px}
  html{scroll-padding-top:150px}.nav{max-height:calc(100svh - 155px)}
}