*{box-sizing:border-box}.sxref-skip-link{position:absolute;top:-80px;left:15px;padding:12px;background:#fff;color:#000;z-index:99}.sxref-skip-link:focus{top:10px}
.sxref-scene{height:728px;position:relative;isolation:isolate;overflow:hidden;background:#020304}.sxref-scene-art{position:absolute;z-index:-3;inset:0;background-image:url('assets/space-environment-aligned.webp');background-size:cover;background-position:center top}.sxref-scene-tone{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.13),transparent 40%,rgba(0,0,0,.055)),linear-gradient(to bottom,transparent 86%,rgba(0,0,0,.08))}.sxref-main-wrap,.sxref-footer-inner{width:calc(100% - 196px);max-width:var(--page-width);margin:0 auto}.sxref-solutions-row{display:grid;grid-template-columns:480px minmax(0,1fr);gap:24px;padding-top:149px}.sxref-introduction{position:relative;z-index:3;min-width:0}.sxref-eyebrow{display:flex;align-items:center;gap:25px;color:#e4e4e9;text-transform:uppercase;letter-spacing:.39em;font-size:11px;font-weight:600;white-space:nowrap}.sxref-eyebrow-line{width:45px;height:1px;background:#eff0f1;flex:none;box-shadow:0 0 5px rgba(255,255,255,.35)}.sxref-introduction h1{margin:29px 0 18px;font-weight:650;font-size:57px;line-height:1.13;letter-spacing:-.045em;white-space:nowrap}.sxref-introduction h1 span{display:block;background:linear-gradient(100deg,#eeedf2 0%,#9fa1ad 65%,#8b8d97 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.sxref-introduction>p{font-size:17.5px;font-weight:400;color:#b8b8bf;line-height:1.81;margin:18px 0 0;letter-spacing:-.025em;white-space:nowrap}
.sxref-solutions-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.sxref-solution-card{position:relative;display:block;height:322px;min-width:0;overflow:visible;border:1px solid rgba(222,226,237,.37);border-radius:8px;background:linear-gradient(111deg,rgba(14,17,21,.71) 0%,rgba(2,3,5,.84) 63%,rgba(7,10,13,.77) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 1px 0 12px rgba(255,255,255,.012),0 17px 24px rgba(0,0,0,.28);transition:border-color .32s,background .32s,transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .32s;isolation:isolate;cursor:pointer}.sxref-solution-card:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(230px circle at var(--px,50%) var(--py,22%),rgba(255,255,255,.105),transparent 64%);opacity:0;transition:opacity .35s;pointer-events:none}.sxref-solution-card:after{content:"";position:absolute;left:2px;bottom:-2px;width:65%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.2),transparent);filter:blur(.3px);opacity:.8}.sxref-solution-card:hover{border-color:rgba(245,247,255,.7);transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 39px rgba(0,0,0,.37)}.sxref-solution-card:hover:before{opacity:1}.sxref-glass-shine{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.sxref-glass-shine:after{content:"";position:absolute;left:-55%;top:-50%;height:160%;width:70%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent);transition:transform .9s}.sxref-solution-card:hover .sxref-glass-shine:after{transform:translateX(350%) rotate(18deg)}
.sxref-icon-tile{position:absolute;top:30px;left:29px;width:56px;height:57px;border-radius:12px;display:grid;place-items:center;color:white;border:1px solid rgba(240,244,252,.65);background:linear-gradient(153deg,rgba(72,78,87,.26),rgba(2,3,5,.94) 66%);box-shadow:0 0 16px rgba(255,255,255,.09),inset 0 2px 5px rgba(255,255,255,.2),inset 0 -2px 2px rgba(255,255,255,.07),0 3px 8px #0008}.sxref-icon-tile svg{width:32px;height:32px;filter:drop-shadow(0 0 4px rgba(255,255,255,.26))}.sxref-object{position:absolute;top:-16px;right:10px;width:165px;height:151px;pointer-events:none;animation:sxref-float 10s ease-in-out infinite}.sxref-object img{position:absolute;z-index:2;top:0;left:22px;width:124px;height:137px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(225,236,255,.18))}.sxref-object-automation{right:5px;top:-10px;animation-delay:-3s}.sxref-object-automation img{left:20px;top:0;width:128px;height:133px}.sxref-object-software{right:3px;top:-13px;animation-delay:-6s}.sxref-object-software img{left:5px;top:0;width:154px;height:142px}.sxref-orbit{position:absolute;z-index:1;left:4px;top:61px;width:164px;height:54px;border:1.3px solid rgba(235,242,252,.74);border-radius:50%;transform:rotate(14deg);filter:drop-shadow(0 0 4px rgba(255,255,255,.32))}.sxref-orbit:after{content:"";position:absolute;bottom:0;left:17%;width:45%;height:1px;background:rgba(255,255,255,.6);filter:blur(2px)}.sxref-orbit-automation{top:53px;left:0;transform:rotate(12deg)}.sxref-orbit-software{top:62px;left:1px;transform:rotate(12deg)}.sxref-object-flare{position:absolute;z-index:3;bottom:26px;left:65%;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px #ffffff7a,0 0 19px 5px #ffffff44}.sxref-object-automation .sxref-object-flare{bottom:45px;left:76%}.sxref-object-software .sxref-object-flare{bottom:45px;left:85%}
.sxref-card-copy{position:absolute;top:124px;left:29px;right:15px}.sxref-card-copy h2{font-size:23.5px;letter-spacing:-.047em;line-height:1.25;margin:0 0 15px;font-weight:600}.sxref-card-copy p{font-size:16.3px;line-height:1.67;letter-spacing:-.027em;margin:0;color:#aeb0b9;white-space:nowrap}.sxref-circle-arrow{position:absolute;bottom:28px;left:29px;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:#fff;border:1.5px solid rgba(255,255,255,.88);background:radial-gradient(circle at 24% 19%,rgba(255,255,255,.15),transparent 55%),rgba(0,0,0,.42);box-shadow:inset 0 0 7px rgba(255,255,255,.065),0 0 10px rgba(255,255,255,.05);transition:transform .33s,border-color .33s,box-shadow .33s}.sxref-circle-arrow svg{width:27px;height:27px}.sxref-solution-card:hover .sxref-circle-arrow{transform:translateX(3px);border-color:#fff;box-shadow:0 0 16px rgba(255,255,255,.25),inset 0 0 8px rgba(255,255,255,.1)}
.sxref-explore-banner{position:relative;margin-top:24px;height:181px;border:1px solid rgba(220,225,237,.49);border-radius:9px;background:linear-gradient(90deg,rgba(4,5,7,.43),rgba(5,7,9,.33) 64%,rgba(5,7,9,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.085),0 0 0 1px rgba(255,255,255,.01),0 14px 34px rgba(0,0,0,.17);display:flex;align-items:center;justify-content:space-between;padding:29px 48px 26px 43px}.sxref-explore-banner:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(108deg,rgba(255,255,255,.035),transparent 30%,transparent 68%,rgba(255,255,255,.016));pointer-events:none}.sxref-banner-glint{position:absolute;height:3px;width:4px;background:#fff;box-shadow:0 0 6px 2px #fff,0 0 25px 6px #fff9}.sxref-glint-left{left:0;bottom:1px}.sxref-glint-right{right:0;top:0}.sxref-mini-eyebrow{margin:0 0 13px;font-size:11.5px;color:#b9bac1;text-transform:uppercase;letter-spacing:.36em;font-weight:500}.sxref-banner-copy h2{font-size:50px;letter-spacing:-.05em;line-height:1.08;font-weight:650;margin:0 0 10px;white-space:nowrap}.sxref-banner-copy h2 span{background:linear-gradient(100deg,#aaabb5,#c8c7d0);-webkit-background-clip:text;background-clip:text;color:transparent}.sxref-banner-description{font-size:16.5px;color:#b0b2bb;line-height:1.5;margin:0;letter-spacing:-.017em}.sxref-chrome-button{position:relative;z-index:1;height:68px;padding:0 10px 0 30px;display:inline-flex;align-items:center;gap:27px;white-space:nowrap;border-radius:100px;background:linear-gradient(155deg,rgba(22,24,28,.75),rgba(2,3,5,.92) 64%);border:1px solid rgba(245,248,252,.68);box-shadow:inset 0 2px 5px rgba(255,255,255,.18),inset 0 -2px 4px rgba(255,255,255,.08),0 0 12px rgba(255,255,255,.24),0 0 24px rgba(255,255,255,.09);font-size:18px;font-weight:600;letter-spacing:-.05em;transition:transform .3s,border-color .3s,box-shadow .3s}.sxref-chrome-button:hover{transform:translateY(-2px);border-color:#fff;box-shadow:inset 0 2px 7px #ffffff44,0 0 20px #ffffff5c,0 0 35px #ffffff19}.sxref-button-arrow{height:46px;width:46px;display:grid;place-items:center;border:1px solid rgba(250,250,255,.85);border-radius:50%;box-shadow:inset 0 1px 5px rgba(255,255,255,.08);transition:transform .3s}.sxref-chrome-button:hover .sxref-button-arrow{transform:translateX(3px)}.sxref-button-arrow svg{width:26px;height:26px}
.sxref-star-layer{pointer-events:none;position:absolute;inset:0;z-index:0}.sxref-star{position:absolute;width:2px;height:2px;background:#c8d6ef;border-radius:50%;box-shadow:0 0 5px 2px #eef4ff60;animation:sxref-twinkle 7s ease-in-out infinite}.sxref-star-a{left:22%;top:10%;animation-delay:-2s}.sxref-star-b{left:31%;top:17%;animation-delay:-5s}.sxref-star-c{left:14%;top:6%;animation-delay:-1s}.sxref-star-d{left:55%;top:9%;animation-delay:-3s}.sxref-shoot{position:absolute;top:13%;left:41%;height:1px;width:70px;opacity:0;transform:rotate(-16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),white);filter:drop-shadow(0 0 5px #fff);animation:sxref-shoot 17s linear infinite}.sxref-shooting-b{left:16%;top:7%;animation-delay:8.5s;animation-duration:24s;width:49px}@keyframes sxref-twinkle{0%,100%{opacity:.3}40%{opacity:.9}70%{opacity:.15}}@keyframes sxref-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sxref-shoot{0%,71%{opacity:0;transform:translate(0,0) rotate(-16deg)}72%{opacity:.8}74%{opacity:0;transform:translate(80px,-24px) rotate(-16deg)}100%{opacity:0}}
.sxref-footer{height:213px;background:linear-gradient(180deg,#040506,#020303 65%);border-top:1px solid #1b1d21}.sxref-footer-inner{height:100%;display:flex;flex-direction:column}.sxref-footer-top{height:82px;border-bottom:1px solid rgba(202,209,222,.22);display:grid;grid-template-columns:1fr 1fr 1.4fr;align-items:center}.sxref-brand-link{display:inline-flex;align-items:center;gap:32px;width:max-content}.sxref-sx-mark{font-size:35px;letter-spacing:-.20em;padding-right:6px;color:#fff;font-weight:750;font-style:italic;line-height:1;transform:skewX(-7deg);text-shadow:0 0 3px #fff7}.sxref-brand-name{font-size:10px;text-transform:uppercase;letter-spacing:.45em;color:#f0f0f1;font-weight:600;white-space:nowrap}.sxref-footer-tagline{font-size:13px;color:#999ca6;margin:0 0 0 25px}.sxref-footer-nav{display:flex;justify-content:flex-end;gap:27px;align-items:center;white-space:nowrap}.sxref-footer-nav a{font-size:13px;color:#a7a9b1;transition:color .25s}.sxref-footer-nav a:hover{color:#fff}.sxref-footer-social-row{height:74px;border-bottom:1px solid rgba(202,209,222,.2);display:flex;justify-content:space-between;align-items:center}.sxref-footer-label{font-size:10px;letter-spacing:.34em;font-weight:600;text-transform:uppercase;color:#9ca0aa}.sxref-social-links{display:flex;align-items:center;gap:10px}.sxref-social-links a{height:45px;border:1px solid rgba(210,215,226,.27);padding:0 15px;display:inline-flex;align-items:center;gap:10px;border-radius:50px;font-size:12px;color:#b9bbc3;background:rgba(0,0,0,.1);transition:border-color .3s,color .3s,background .3s}.sxref-social-links a:hover{color:#fff;border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.05)}.sxref-social-links svg{height:19px;width:19px;color:#f3f3f5}.sxref-footer-bottom{height:56px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding-top:13px;font-size:11px;color:#757982}.sxref-footer-bottom span:nth-child(2){text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;text-align:center}
/* Supporting service page uses the same brand language. */
.sxref-inner-page{min-height:100vh;background:radial-gradient(ellipse at 70% 8%,#151923,#030405 48%);color:#f5f6f8}.sxref-page-head{padding:40px 6% 0;display:flex;align-items:center;justify-content:space-between}.sxref-page-head .sxref-brand-link{gap:20px}.sxref-page-head nav{display:flex;gap:26px;font-size:14px;color:#b4b6c0}.sxref-page-content{max-width:1170px;margin:0 auto;padding:105px 28px 130px}.sxref-page-content .sxref-eyebrow{margin-bottom:28px}.sxref-page-content h1{font-size:clamp(44px,6vw,84px);letter-spacing:-.055em;margin:0 0 28px;line-height:1.08}.sxref-page-content .sxref-lead{max-width:720px;font-size:19px;color:#b7b9c1;line-height:1.75}.sxref-service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.sxref-service-detail{border:1px solid #ffffff38;border-radius:12px;padding:35px 28px;background:linear-gradient(140deg,#16191c90,#060709be);min-height:260px;scroll-margin-top:50px}.sxref-service-detail h2{font-size:24px;margin:0 0 20px}.sxref-service-detail p{font-size:15px;line-height:1.7;color:#b6b9c3}.sxref-page-cta{display:inline-flex;margin-top:35px;border:1px solid #ffffff7a;border-radius:100px;padding:15px 25px;background:#ffffff0b}.sxref-page-cta:hover{background:#ffffff1c}.sxref-simple-footer{padding:25px 6%;font-size:12px;color:#9296a1;border-top:1px solid #ffffff28}
@media(max-width:1500px) and (min-width:1060px){.sxref-main-wrap,.sxref-footer-inner{width:calc(100% - 11.7vw)}.sxref-solutions-row{grid-template-columns:minmax(350px,33%) minmax(0,1fr);gap:20px}.sxref-solutions-cards{gap:clamp(12px,1.5vw,25px)}.sxref-introduction h1{font-size:clamp(40px,3.4vw,57px)}.sxref-introduction>p{font-size:clamp(13px,1.05vw,17.5px)}.sxref-card-copy{left:clamp(17px,1.7vw,29px)}.sxref-card-copy h2{font-size:clamp(18px,1.45vw,23.5px)}.sxref-card-copy p{font-size:clamp(12px,1vw,16.3px)}.sxref-icon-tile{left:clamp(17px,1.7vw,29px)}.sxref-circle-arrow{left:clamp(17px,1.7vw,29px)}.sxref-object{transform-origin:top right;scale:.91;right:0}.sxref-banner-copy h2{font-size:clamp(35px,3vw,50px)}.sxref-footer-nav{gap:clamp(12px,1.7vw,27px)}}
@media(min-width:1501px) and (max-width:1671px){.sxref-main-wrap,.sxref-footer-inner{width:calc(100% - 11.7vw)}.sxref-solutions-row{grid-template-columns:32.6% 1fr;gap:18px}.sxref-solutions-cards{gap:22px}.sxref-card-copy h2{font-size:clamp(21px,1.4vw,23.5px)}.sxref-card-copy p{font-size:clamp(14px,1vw,16.3px)}}
@media(max-width:1059px){.sxref-scene{height:auto;min-height:0}.sxref-scene-art{background-size:cover;background-position:61% top}.sxref-scene-tone{background:linear-gradient(90deg,#0007,transparent),linear-gradient(180deg,transparent 15%,#0008 100%)}.sxref-main-wrap,.sxref-footer-inner{width:calc(100% - 70px)}.sxref-solutions-row{padding-top:100px;grid-template-columns:1fr;gap:52px}.sxref-introduction h1{font-size:clamp(43px,6vw,68px)}.sxref-introduction>p{font-size:clamp(15px,1.7vw,18px)}.sxref-solutions-cards{gap:18px}.sxref-solution-card{height:310px}.sxref-icon-tile{left:20px;top:22px;width:50px;height:50px}.sxref-object{right:0}.sxref-card-copy{left:20px;top:124px}.sxref-card-copy h2{font-size:clamp(18px,2.2vw,23px)}.sxref-card-copy p{font-size:clamp(12.4px,1.6vw,16px)}.sxref-circle-arrow{left:20px}.sxref-explore-banner{margin-top:30px;margin-bottom:60px}.sxref-footer{height:auto;min-height:230px}.sxref-footer-top{height:auto;min-height:90px;grid-template-columns:1fr 1fr}.sxref-footer-tagline{display:none}.sxref-footer-nav{gap:14px;flex-wrap:wrap}.sxref-footer-bottom{height:auto;min-height:50px}.sxref-banner-copy h2{font-size:clamp(34px,4vw,50px)}}
@media(max-width:750px){.sxref-main-wrap,.sxref-footer-inner{width:calc(100% - 38px)}.sxref-scene-art{background-position:68% top;background-size:auto 100%;opacity:.9}.sxref-scene-tone{background:linear-gradient(180deg,#0007,#0006 45%,#0009)}.sxref-solutions-row{padding-top:68px;gap:42px}.sxref-eyebrow{font-size:10px;letter-spacing:.3em;gap:18px}.sxref-eyebrow-line{width:38px}.sxref-introduction h1{font-size:clamp(39px,9.2vw,64px);letter-spacing:-.055em;margin:27px 0 21px;white-space:normal;max-width:580px}.sxref-introduction>p{font-size:15px;line-height:1.75;white-space:normal;max-width:530px}.sxref-desktop-break{display:none}.sxref-solutions-cards{grid-template-columns:1fr;gap:22px}.sxref-solution-card{height:288px;background:linear-gradient(110deg,#0a0c10dd,#040507e8 60%,#08090bcf)}.sxref-icon-tile{top:23px;left:25px}.sxref-object{right:12px;top:-12px}.sxref-card-copy{left:25px;top:122px}.sxref-card-copy h2{font-size:23px}.sxref-card-copy p{font-size:15.5px}.sxref-circle-arrow{bottom:21px;left:25px}.sxref-explore-banner{height:auto;padding:32px 25px;display:flex;align-items:start;gap:28px;flex-direction:column;margin-bottom:35px}.sxref-mini-eyebrow{font-size:10px}.sxref-banner-copy h2{font-size:clamp(32px,7vw,46px);white-space:normal}.sxref-banner-description{font-size:15px}.sxref-chrome-button{height:58px;font-size:16px;gap:18px;padding-left:22px}.sxref-button-arrow{width:40px;height:40px}.sxref-footer{height:auto}.sxref-footer-top{display:flex;align-items:flex-start;gap:24px;flex-direction:column;padding:27px 0}.sxref-footer-nav{justify-content:flex-start;gap:16px 23px}.sxref-footer-social-row{height:auto;padding:23px 0;gap:20px;align-items:flex-start;flex-direction:column}.sxref-social-links{flex-wrap:wrap}.sxref-footer-bottom{padding:22px 0;gap:10px;display:flex;flex-direction:column}.sxref-footer-bottom span:nth-child(2){text-align:left}.sxref-page-head{padding:24px 20px}.sxref-page-head nav{gap:13px}.sxref-page-content{padding:78px 20px}.sxref-service-detail-grid{grid-template-columns:1fr}}
@media(max-width:390px){.sxref-introduction h1{font-size:36px}.sxref-object{right:-1px;scale:.87}.sxref-card-copy p{font-size:14px}.sxref-social-links a{padding:0 12px}.sxref-footer-nav{gap:12px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.sxref-sx-logo{width:44px;height:40px;object-fit:contain;display:block;flex:none}
@media(min-width:1650px){
 .sxref-main-wrap,.sxref-footer-inner{width:1452px;max-width:1452px;margin-left:calc((100% - 1476px)/2);margin-right:0}
 .sxref-solutions-row{grid-template-columns:480px 908px;gap:24px}
 .sxref-introduction h1{font-size:60px}
 .sxref-banner-copy{position:relative;top:7px}
 .sxref-chrome-button{top:11px;padding-left:32px;gap:36px}
 .sxref-banner-copy h2{font-size:52px}
}


/* SX AGENCY / approved cinematic solutions integrated 2026-10-28.
   Changes scoped to this page and ref-prefixed components only. */
.sx-reference-page{background:#020304;overflow-x:clip}
.sx-reference-page .sxref-scene,.sx-reference-page .sxref-footer{
 --white:#f5f6f8;--silver:#aeb0b9;--muted:#92969e;--border:rgba(220,225,237,.32);--glow:rgba(255,255,255,.75);--dark:#040506;--page-width:1476px;
 font-family:'Inter',Arial,Helvetica,sans-serif;color:#f5f6f8;-webkit-font-smoothing:antialiased;
}
.sx-reference-page .sxref-scene a,.sx-reference-page .sxref-footer a{color:inherit;text-decoration:none}
.sx-reference-page .sxref-scene a:focus-visible,.sx-reference-page .sxref-footer a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.sx-reference-page .sxref-scene{height:728px;min-height:728px}
.sx-reference-page .sxref-scene .sxref-solution-card{padding:0;min-height:0;display:block}
.sx-reference-page .sxref-scene .sxref-eyebrow{margin:0}
.sx-reference-page .sxref-scene .sxref-solution-card .sxref-card-copy h2{font-family:'Inter',sans-serif}
.sx-reference-page .sxref-scene .sxref-solution-card .sxref-card-copy p{max-width:none}
.sx-reference-page .sxref-scene .sxref-main-wrap{max-width:none}
.sx-reference-page .sxref-footer .sxref-social-links a{color:#b9bbc3}
.sx-reference-page .sxref-footer .sxref-brand-name{font-family:'Inter',sans-serif}
.sx-reference-page .sxref-footer .sxref-sx-logo{width:45px;height:39px;object-fit:contain;display:block;filter:brightness(1.2)}
.sx-reference-page .sxref-footer .sxref-sx-mark{padding:0;letter-spacing:normal;transform:none;text-shadow:none}
/* Keep the original website navigation, in an overlay rather than adding height to the reference scene. */
.sx-reference-page>.site-header{position:absolute;top:0;left:0;right:0;z-index:90;background:linear-gradient(180deg,rgba(1,2,4,.82),rgba(1,2,4,.08));border-bottom:1px solid rgba(255,255,255,.055);height:86px}
.sx-reference-page .sxref-footer .sxref-footer-top{padding:0}
.sx-reference-page .sxref-footer .sxref-footer-bottom{padding:13px 0 0}
.sx-reference-page .sxref-scene .sxref-object img{max-width:none}
.sx-reference-page .sxref-scene .sxref-chrome-button{min-height:0;color:#fff}
@media(min-width:1650px){.sx-reference-page .sxref-scene .sxref-main-wrap,.sx-reference-page .sxref-footer .sxref-footer-inner{width:1452px;max-width:1452px;margin-left:calc((100% - 1476px)/2);margin-right:0}}
@media(max-width:1059px){.sx-reference-page .sxref-scene{height:auto;min-height:0}}
@media(max-width:750px){
 .sx-reference-page>.site-header{height:72px;background:linear-gradient(180deg,rgba(2,3,5,.90),rgba(2,3,5,.08));}
 .sx-reference-page .sxref-scene .sxref-solutions-row{padding-top:107px}
 .sx-reference-page .sxref-scene .sxref-solution-card{height:288px}
 .sx-reference-page .sxref-footer .sxref-footer-top{padding:27px 0}
 .sx-reference-page .sxref-footer .sxref-footer-bottom{padding:22px 0}
}
@media(prefers-reduced-motion:reduce){.sx-reference-page .sxref-scene *, .sx-reference-page .sxref-scene *::before, .sx-reference-page .sxref-scene *::after{animation:none!important;transition:none!important}}
/* Keep the off-canvas mobile/tablet navigation drawer from expanding the page's scrollable width. */
html:has(body.sx-reference-page){overflow-x:clip}
body.sx-reference-page{overflow-x:clip}
@media(max-width:1180px){
  /* The original mobile drawer is translated beyond the viewport while closed.
     Exclude its hidden geometry from document width; show it normally when opened. */
  .sx-reference-page .site-header .nav:not(.open){display:none!important}
  .sx-reference-page .site-header .nav.open{display:flex!important;transform:translate3d(0,0,0)!important}
}

/* 28 Oct 2026 — alignment correction.
   A prior reference-image clean-up had left two phantom glass frames rendered
   behind the real card and banner borders. The cleaned environment asset above
   contains scenery only, so the rightmost card and CTA now have single aligned
   edges. Keep the scene/footer adjacent even on tall desktop viewports. */
body.sx-reference-page > main{flex:0 0 auto}

/* SX Agency real-time faceted crystal motion.
   Replaces basic PNG vertical bobbing with rotating 3D meshes and independently
   moving orbital rings. Image assets are retained only as WebGL/reduced-motion fallback. */
.sx-reference-page .sxref-scene .sxref-object{animation:none!important;isolation:isolate;}
.sx-reference-page .sxref-scene .sxref-object.sxref-has-3d>img,
.sx-reference-page .sxref-scene .sxref-object.sxref-has-3d>.sxref-orbit,
.sx-reference-page .sxref-scene .sxref-object.sxref-has-3d>.sxref-object-flare{opacity:0;}
.sx-reference-page .sxref-scene .sxref-crystal-canvas{
  position:absolute;z-index:4;top:-7px;left:-15px;width:196px;height:168px;
  pointer-events:none;display:block;max-width:none;
  filter:drop-shadow(0 0 2px rgba(236,245,255,.38));
}
@media(max-width:390px){
  .sx-reference-page .sxref-scene .sxref-crystal-canvas{top:-7px;left:-15px}
}
@media(prefers-reduced-motion:reduce){
 .sx-reference-page .sxref-scene .sxref-crystal-canvas{display:none!important}
 .sx-reference-page .sxref-scene .sxref-object>img,
 .sx-reference-page .sxref-scene .sxref-object>.sxref-orbit,
 .sx-reference-page .sxref-scene .sxref-object>.sxref-object-flare{opacity:1!important}
}

/* A fully animated non-WebGL option: the crystal itself turns slightly in
   perspective while the ring precesses, a tracer orbits and specular light
   travels over the real transparent crystal surface. No vertical bobbing. */
.sx-reference-page .sxref-scene .sxref-object.sxref-fallback-motion{perspective:420px;}
.sx-reference-page .sxref-scene .sxref-fallback-motion img{
  transform-origin:49% 51%;will-change:transform,filter;
  animation:sxref-gem-perspective 13s cubic-bezier(.45,0,.55,1) infinite alternate;
}
.sx-reference-page .sxref-scene .sxref-object-automation.sxref-fallback-motion img{animation-duration:16s;animation-delay:-4.5s}
.sx-reference-page .sxref-scene .sxref-object-software.sxref-fallback-motion img{animation-duration:12s;animation-delay:-6s}
@keyframes sxref-gem-perspective{
  0%{transform:perspective(420px) rotateY(-14deg) rotateX(7deg) rotateZ(-2.5deg) scale(.99);filter:brightness(.90) contrast(1.1) drop-shadow(0 0 7px #edf3ff38)}
  46%{transform:perspective(420px) rotateY(1deg) rotateX(-2deg) rotateZ(.5deg) scale(1.02);filter:brightness(1.07) contrast(1.12) drop-shadow(0 0 11px #edf3ff50)}
  100%{transform:perspective(420px) rotateY(15deg) rotateX(-7deg) rotateZ(2.5deg) scale(.99);filter:brightness(.88) contrast(1.09) drop-shadow(0 0 7px #edf3ff38)}
}
.sx-reference-page .sxref-scene .sxref-fallback-motion .sxref-orbit{
  transform-origin:50% 50%;will-change:transform,filter;
  animation:sxref-orbit-precession 11s ease-in-out infinite alternate;
}
.sx-reference-page .sxref-scene .sxref-object-automation.sxref-fallback-motion .sxref-orbit{animation-duration:12.5s;animation-delay:-3s}
.sx-reference-page .sxref-scene .sxref-object-software.sxref-fallback-motion .sxref-orbit{animation-duration:14s;animation-delay:-5s}
@keyframes sxref-orbit-precession{
  0%{transform:perspective(350px) rotate(8deg) rotateY(-22deg) scaleX(.96);filter:drop-shadow(0 0 2px #fff9)}
  50%{transform:perspective(350px) rotate(15deg) rotateY(4deg) scaleX(1.02);filter:drop-shadow(0 0 5px #fff9)}
  100%{transform:perspective(350px) rotate(8deg) rotateY(24deg) scaleX(.97);filter:drop-shadow(0 0 2px #fff9)}
}
.sx-reference-page .sxref-scene .sxref-fallback-motion .sxref-orbit:before{
  content:"";position:absolute;top:0;left:0;width:6px;height:6px;border-radius:50%;background:#fafcff;
  box-shadow:0 0 4px 1px #fff,0 0 13px 3px #c9e1ff80;
  offset-path:ellipse(80px 26px at 82px 27px);offset-anchor:center;
  animation:sxref-orbit-tracer 7s linear infinite;pointer-events:none;
}
.sx-reference-page .sxref-scene .sxref-object-automation.sxref-fallback-motion .sxref-orbit:before{animation-delay:-2.1s}
.sx-reference-page .sxref-scene .sxref-object-software.sxref-fallback-motion .sxref-orbit:before{animation-delay:-4.3s}
@keyframes sxref-orbit-tracer{from{offset-distance:0%}to{offset-distance:100%}}
.sx-reference-page .sxref-scene .sxref-fallback-motion .sxref-facet-light{
  position:absolute;z-index:3;left:22px;top:0;width:124px;height:137px;pointer-events:none;
  mask-image:url('assets/crystal-ai-isolated.webp');mask-size:100% 100%;mask-repeat:no-repeat;
  -webkit-mask-image:url('assets/crystal-ai-isolated.webp');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;
  background:linear-gradient(120deg,transparent 12%,transparent 35%,rgba(255,255,255,.0) 41%,rgba(246,250,255,.42) 47%,rgba(255,255,255,.09) 52%,transparent 65%);
  background-size:300% 100%;opacity:.8;mix-blend-mode:screen;
  animation:sxref-facet-glint 7.5s ease-in-out infinite;
}
.sx-reference-page .sxref-scene .sxref-object-automation.sxref-fallback-motion .sxref-facet-light{
  left:20px;top:0;width:128px;height:133px;
  mask-image:url('assets/crystal-automation-isolated.webp');-webkit-mask-image:url('assets/crystal-automation-isolated.webp');animation-delay:-2.5s;
}
.sx-reference-page .sxref-scene .sxref-object-software.sxref-fallback-motion .sxref-facet-light{
  left:5px;top:0;width:154px;height:142px;
  mask-image:url('assets/crystal-software-isolated.webp');-webkit-mask-image:url('assets/crystal-software-isolated.webp');animation-delay:-5s;
}
@keyframes sxref-facet-glint{0%,14%{background-position:100% 0;opacity:.3}48%,59%{background-position:0 0;opacity:.8}100%{background-position:0 0;opacity:.3}}
.sx-reference-page .sxref-scene .sxref-fallback-motion .sxref-object-flare{
  animation:sxref-facet-flare 5.5s ease-in-out infinite alternate;
}
@keyframes sxref-facet-flare{0%,100%{opacity:.48;scale:.7}45%{opacity:1;scale:1.25}}
@media(prefers-reduced-motion:reduce){
 .sx-reference-page .sxref-scene .sxref-fallback-motion img,
 .sx-reference-page .sxref-scene .sxref-fallback-motion .sxref-orbit,
 .sx-reference-page .sxref-scene .sxref-fallback-motion .sxref-facet-light{animation:none!important;transform:none!important}
}

/* Refined visual-model fallbacks: same artwork as the Services page's
   neural globe / orbital instrument / software architecture crystal.
   All card dimensions, navigation, background and CTA styling stay intact. */
.sx-reference-page .sxref-scene .sxref-object-ai:not(.sxref-has-3d)>img,
.sx-reference-page .sxref-scene .sxref-object-automation:not(.sxref-has-3d)>img,
.sx-reference-page .sxref-scene .sxref-object-software:not(.sxref-has-3d)>img{
  left:-7px;top:-9px;width:186px;height:165px;object-fit:contain;
  filter:drop-shadow(0 0 5px rgba(229,242,255,.22));
}
.sx-reference-page .sxref-scene .sxref-fallback-motion .sxref-facet-light{
  left:-7px;top:-9px;width:186px;height:165px;
  mask-image:url('assets/ai-network-fallback.webp');
  -webkit-mask-image:url('assets/ai-network-fallback.webp');
}
.sx-reference-page .sxref-scene .sxref-object-automation.sxref-fallback-motion .sxref-facet-light{
  left:-7px;top:-9px;width:186px;height:165px;
  mask-image:url('assets/strategy-orbit-fallback.webp');
  -webkit-mask-image:url('assets/strategy-orbit-fallback.webp');
}
.sx-reference-page .sxref-scene .sxref-object-software.sxref-fallback-motion .sxref-facet-light{
  left:-7px;top:-9px;width:186px;height:165px;
  mask-image:url('assets/software-prism-fallback.webp');
  -webkit-mask-image:url('assets/software-prism-fallback.webp');
}
/* Reference fallback artwork already includes physical elliptical light paths.
   Fade the old CSS ring to an atmospheric glint, avoiding doubled full orbits. */
.sx-reference-page .sxref-scene .sxref-object:not(.sxref-has-3d)>.sxref-orbit{opacity:.11;}
.sx-reference-page .sxref-scene .sxref-object:not(.sxref-has-3d)>.sxref-object-flare{opacity:.27;}
@media(prefers-reduced-motion:reduce){
 .sx-reference-page .sxref-scene .sxref-object:not(.sxref-has-3d)>.sxref-orbit{opacity:.08!important}
 .sx-reference-page .sxref-scene .sxref-object:not(.sxref-has-3d)>.sxref-object-flare{opacity:.2!important}
}


/* SX Agency 2026-11-01 — true centre alignment of Solutions footer tagline */
@media (min-width: 1060px) {
  .sx-reference-page .sxref-footer .sxref-footer-top {
    grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
    column-gap: 22px;
  }
  .sx-reference-page .sxref-footer .sxref-footer-tagline {
    justify-self: center; margin: 0; text-align: center; white-space: nowrap;
  }
  .sx-reference-page .sxref-footer .sxref-footer-nav {
    justify-self: end; justify-content: flex-end;
  }
}