.service-universe{--split:0;--entry:0;position:relative;height:190vh;background:#c8ddf1;color:#051a2f;isolation:isolate;scroll-margin-top:0}.service-universe:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 25% 45%,#9d89fc40,transparent 55%);pointer-events:none}.service-scene{height:100svh;min-height:740px;position:sticky;top:0;padding:60px var(--p) 35px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.service-scene-top{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:2px;color:#27435f}.service-scene-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;flex:1}.tri-stage{position:relative;width:100%;aspect-ratio:1.06;max-width:620px;transform:translateY(calc((1 - var(--entry))*80px)) rotate(calc((1 - var(--entry))*-10deg));opacity:calc(.25 + var(--entry)*.75);transition:opacity .1s}.tri-whole{position:absolute;inset:0;display:grid;place-items:center;opacity:calc(1 - var(--split)*2.2);pointer-events:none;transform:scale(calc(1 - var(--split)*.1));filter:drop-shadow(0 25px 40px #5401ff30)}.tri-whole svg{width:100%;height:100%;position:absolute;inset:0}.tri-whole strong{z-index:1;color:white;font:400 clamp(30px,3.5vw,54px)/1.12 Anton;text-transform:uppercase;text-align:center;padding-top:22%;letter-spacing:.4px}.tri-choice{position:absolute;width:49%;height:49%;left:25.5%;top:20%;padding:0;border:0;background:none;color:#051a2f;cursor:pointer;opacity:clamp(0,calc(var(--split)*3 - .6),1);transform-origin:center;transition:filter .3s,color .3s;transform:translate(calc(var(--tx)*var(--split)),calc(var(--ty)*var(--split))) scale(calc(.8 + var(--split)*.2))}.tri-choice:nth-of-type(1){--tx:0%;--ty:-40%}.tri-choice:nth-of-type(2){--tx:-52%;--ty:56%}.tri-choice:nth-of-type(3){--tx:52%;--ty:56%}.tri-choice svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tri-choice path{fill:#ffffff09;stroke:#051a2f80;stroke-width:.7;transition:fill .4s,stroke .4s}.tri-choice:hover path,.tri-choice:focus-visible path{fill:#5401ff;stroke:#5401ff}.tri-choice:hover,.tri-choice:focus-visible{color:white;filter:drop-shadow(0 15px 20px #5401ff30)}.tri-choice:focus-visible{outline:none}.tri-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:26%;gap:12px;font-size:clamp(10px,1.1vw,15px);letter-spacing:1.5px;font-weight:600;text-transform:uppercase}.tri-label sup{font-size:8px;margin-left:4px;vertical-align:super}.tri-plus{border:1px solid currentColor;border-radius:50%;width:25px;height:25px;font:400 22px/22px 'DM Sans';transition:transform .4s}.tri-choice:hover .tri-plus{transform:rotate(90deg)}.service-scene-copy h2{font:400 clamp(45px,5.1vw,80px)/1.09 Anton;letter-spacing:-.015em;margin:22px 0 30px;text-transform:uppercase}.service-scene-copy>p{border-left:1px solid #051a2f35;padding-left:22px;font-size:16px;line-height:1.8;color:#27435f;max-width:440px}.service-preview{margin-top:35px;font-size:12px;color:#27435f;line-height:1.8;min-height:60px}.service-preview span{display:block;font-size:9px;letter-spacing:1.5px;color:#5401ff;margin-bottom:4px}.service-scene-bottom{border-top:1px solid #051a2f30;padding-top:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#27435f}.service-scene-bottom i{display:inline-block;width:5px;height:5px;background:#5401ff;border-radius:50%;margin-right:7px}.service-overview-link{border-bottom:1px solid #051a2f50;padding-bottom:3px}
.service-dialog{border:0;padding:0;margin:0;width:100%;max-width:none;height:100svh;max-height:100svh;position:fixed;inset:0;color:white;background:#051a2f;overflow:auto;overscroll-behavior:contain;clip-path:circle(0% at 50% 110%);transition:clip-path 1.1s cubic-bezier(.65,0,.18,1);isolation:isolate}.service-dialog::backdrop{background:#051a2f20;backdrop-filter:blur(5px)}.service-dialog.is-open{clip-path:circle(160% at 50% 110%)}.service-dialog:before{content:'';position:fixed;width:95vw;height:95vw;left:30%;top:5%;border-radius:50%;z-index:-1;background:radial-gradient(circle,#5401ff45,transparent 65%);pointer-events:none}.service-dialog-bar{padding:27px var(--p);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c8ddf120;position:sticky;top:0;background:#051a2fe8;backdrop-filter:blur(15px);z-index:3}.service-dialog-bar>span{font-size:9px;letter-spacing:2px;color:#c8ddf1}.service-dialog-close{border:1px solid #c8ddf150;color:white;background:none;border-radius:30px;padding:10px 17px;font-size:12px;cursor:pointer}.service-dialog-close span{margin-left:15px}.service-dialog-inner{padding:55px var(--p) 45px;max-width:1600px;margin:auto;opacity:0;transform:translateY(60px);transition:opacity .5s .45s,transform .8s .35s}.is-open .service-dialog-inner{opacity:1;transform:none}.service-dialog-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center}.service-dialog .service-kicker{color:#9d89fc;font-size:10px;letter-spacing:2px}.service-dialog h2{font:400 clamp(52px,6.3vw,98px)/1.06 Anton;text-transform:uppercase;margin:24px 0 28px;letter-spacing:-.015em;max-width:800px}.service-dialog h2 em{color:#9d89fc}.service-dialog-lead{font-size:17px;line-height:1.8;color:#c8ddf1;max-width:520px}.service-dialog-cta{display:inline-flex;gap:35px;background:white;color:#051a2f;padding:16px 24px;border-radius:35px;font-size:12px;font-weight:600;margin-top:30px}.service-dialog-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.service-dialog-outcomes>div{border-top:1px solid #c8ddf140;padding-top:22px}.service-dialog-outcomes span{color:#9d89fc;font-size:9px;letter-spacing:2px}.service-dialog-outcomes h3{font:400 25px Anton;text-transform:uppercase;margin:12px 0}.service-dialog-outcomes p{font-size:13px;line-height:1.7;color:#c8ddf1}.service-dialog-next{margin-top:45px;padding-top:25px;border-top:1px solid #c8ddf130;display:flex;justify-content:space-between;align-items:center}.service-dialog-next>span{font-size:9px;letter-spacing:1.5px;color:#93abc1}.service-next{background:none;color:white;border:0;font:400 24px Anton;text-transform:uppercase;cursor:pointer}.service-next:hover{color:#9d89fc}.service-visual{width:100%;aspect-ratio:1;position:relative;display:grid;place-items:center;overflow:hidden}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#9d89fc15 1px,transparent 1px),linear-gradient(90deg,#9d89fc15 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle,black,transparent 70%)}.visual-label{position:absolute;bottom:10%;font-size:8px;letter-spacing:2px;color:#c8ddf1}.vision-orbit{position:absolute;width:68%;height:68%;border:1px dashed #9d89fc90;border-radius:50%;animation:visionSpin 35s linear infinite}.vision-orbit:before,.vision-orbit:after{content:'';position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:#c8ddf1;box-shadow:0 0 20px #9d89fc}.vision-orbit:after{top:auto;bottom:-4px}.vision-orbit + .vision-orbit{transform:rotateX(60deg) rotateY(30deg);width:85%;height:85%;animation:visionTilt 25s linear infinite}.vision-shape{width:42%;height:42%;border:1px solid #9d89fc;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,#9d89fc80,#5401ff25);animation:visionBreathe 5s ease-in-out infinite}.build-piece{position:absolute;width:26%;height:26%;border:1px solid #c8ddf180;border-radius:12px;background:linear-gradient(145deg,#9d89fc60,#5401ff30);box-shadow:20px 20px 50px #0003;animation:buildFloat 6s ease-in-out infinite;transform:rotate(-15deg)}.build-piece:nth-child(2){left:18%;top:24%;animation-delay:-2s}.build-piece:nth-child(3){right:18%;top:24%;animation-delay:-4s}.build-piece:nth-child(4){left:37%;top:48%}.build-piece:after{content:'+';display:grid;place-items:center;height:100%;color:#c8ddf1;font:300 55px 'DM Sans'}.autonomy-ring{width:70%;height:70%;position:absolute;border:1px solid #9d89fc70;border-radius:50%;animation:visionSpin 24s linear infinite}.autonomy-ring:before{content:'';width:14px;height:14px;background:#c8ddf1;border-radius:50%;position:absolute;left:50%;top:-7px;box-shadow:0 0 25px #9d89fc}.autonomy-ring + .autonomy-ring{width:48%;height:48%;animation-direction:reverse;animation-duration:16s}.autonomy-ring + .autonomy-ring + .autonomy-ring{width:88%;height:88%;animation-duration:40s}.autonomy-core{width:19%;height:19%;background:radial-gradient(circle,#fff,#9d89fc 25%,#5401ff00 70%);border-radius:50%;box-shadow:0 0 70px #9d89fc30}.service-universe~.page-cta{padding:35px var(--p)}.service-universe~.page-foot-link{margin-left:var(--p)}.services-motion-page .page-content{padding:0 0 70px}.services-motion-page .page-intro{padding-bottom:45px}.service-visual[data-visual="0"] .build-piece,.service-visual[data-visual="0"] .autonomy-ring,.service-visual[data-visual="0"] .autonomy-core,.service-visual[data-visual="1"] .vision-orbit,.service-visual[data-visual="1"] .vision-shape,.service-visual[data-visual="1"] .autonomy-ring,.service-visual[data-visual="1"] .autonomy-core,.service-visual[data-visual="2"] .vision-orbit,.service-visual[data-visual="2"] .vision-shape,.service-visual[data-visual="2"] .build-piece{display:none}
@keyframes visionSpin{to{transform:rotate(360deg)}}@keyframes visionTilt{from{transform:rotateX(60deg) rotateY(30deg) rotate(0)}to{transform:rotateX(60deg) rotateY(30deg) rotate(360deg)}}@keyframes visionBreathe{50%{opacity:.45;transform:scale(.9)}}@keyframes buildFloat{50%{transform:translateY(-16px) rotate(-10deg)}}
@media(max-width:900px){.service-scene-layout{gap:4vw}.service-scene-copy h2{font-size:6vw}.service-scene-copy>p{font-size:14px}.service-dialog-grid{gap:3vw}.service-dialog h2{font-size:7vw}.service-dialog-lead{font-size:15px}.service-dialog-outcomes h3{font-size:22px}}
@media(max-width:600px){.service-universe{height:155vh}.service-scene{min-height:780px;padding-top:32px}.service-scene-top{font-size:7px;letter-spacing:1px}.service-scene-layout{display:flex;flex-direction:column-reverse;gap:0;justify-content:center}.service-scene-copy{width:100%;padding-top:25px}.service-scene-copy h2{font-size:11vw;margin:10px 0 18px}.service-scene-copy>p{font-size:13px;line-height:1.7;padding-left:15px}.service-preview{display:none}.tri-stage{width:95%;max-width:365px;aspect-ratio:1.12;flex-shrink:0}.tri-whole strong{font-size:32px}.tri-label{font-size:10px;letter-spacing:.8px;gap:9px}.tri-plus{width:22px;height:22px;font-size:19px;line-height:19px}.service-scene-bottom{font-size:6px;letter-spacing:.8px;gap:15px}.service-scene-copy .eyebrow{font-size:7px}.service-dialog-bar{padding-top:20px;padding-bottom:20px}.service-dialog-bar>span{font-size:7px;letter-spacing:1px}.service-dialog-close{font-size:11px}.service-dialog-inner{padding-top:35px}.service-dialog-grid{grid-template-columns:1fr;gap:0}.service-dialog h2{font-size:14vw;margin-top:20px;margin-bottom:20px}.service-dialog-lead{font-size:15px}.service-visual{max-width:290px;margin:15px auto 0;height:260px}.service-dialog-outcomes{grid-template-columns:1fr;gap:20px;margin-top:15px}.service-dialog-outcomes>div{padding-top:15px}.service-dialog-outcomes h3{margin:8px 0}.service-dialog-outcomes p{font-size:13px}.service-dialog-next>span{max-width:120px;line-height:1.7;font-size:7px}.service-next{font-size:22px}.service-dialog-cta{font-size:11px}.services-motion-page .page-intro{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.service-universe{height:auto;--entry:1!important;--split:1!important}.service-scene{position:relative;min-height:740px;height:auto;padding-bottom:35px}.tri-stage{transform:none;opacity:1}.tri-whole{opacity:0}.tri-choice{opacity:1}.service-dialog,.service-dialog-inner{transition:none}.service-visual *{animation:none!important}}

/* Material and lighting follow the purple/lilac Morphiq logo. */
.service-universe{background:#051a2f;color:#fff}.service-universe:before{background:radial-gradient(ellipse at 23% 45%,#6941db38,transparent 54%),radial-gradient(ellipse at 80% 70%,#5401ff0c,transparent 55%)}.service-scene-top,.service-scene-bottom{color:#93abc1}.service-scene-copy>p{color:#c8ddf1;border-left-color:#9d89fc50}.service-preview{color:#c8ddf1}.service-preview span{color:#9d89fc}.service-scene-bottom{border-color:#9d89fc35}.service-overview-link{border-color:#9d89fc60}.service-scene-bottom i{background:#9d89fc;box-shadow:0 0 12px #9d89fc}.tri-whole{filter:drop-shadow(0 24px 30px #0008) drop-shadow(0 0 45px #9d89fc20)}.tri-whole svg path{stroke:#c8ddf180;stroke-width:.8}.tri-choice{color:white;filter:drop-shadow(0 13px 10px #0007) drop-shadow(0 0 25px #9d89fc15);transition:filter .5s,color .3s}.tri-choice svg path{fill:url(#tri-gradient);stroke:#c8ddf170;stroke-width:.8;transition:stroke .4s,filter .4s}.tri-choice:hover,.tri-choice:focus-visible{color:white;filter:drop-shadow(0 18px 16px #0008) drop-shadow(0 0 35px #9d89fc55)}.tri-choice:hover path,.tri-choice:focus-visible path{fill:url(#tri-gradient);stroke:#c8ddf1;stroke-width:1.2;filter:brightness(1.16)}.tri-choice .tri-label{font-weight:500;text-shadow:0 2px 12px #21105470}.tri-plus{background:#051a2f20;border-color:#c8ddf180;box-shadow:inset 0 1px 0 #ffffff30}.tri-whole strong{color:white;text-shadow:0 3px 20px #27105b60}.service-scene-copy .eyebrow{color:#9d89fc}.tri-stage:before{content:'';position:absolute;inset:25% 5% 0;background:radial-gradient(ellipse,#9d89fc30,transparent 67%);filter:blur(25px);transform:translateY(15%);pointer-events:none}.tri-label>span:first-child{font-size:clamp(10px,1.2vw,16px);letter-spacing:1px}

/* Minimal Morphiq triangle outlines. */
.service-universe:before,.tri-stage:before{display:none}
.tri-whole,.tri-choice,.tri-choice:hover,.tri-choice:focus-visible{filter:none}
.tri-whole svg path,.tri-choice svg path,.tri-choice:hover path,.tri-choice:focus-visible path{fill:none;stroke:#9d89fc;stroke-width:1.25;vector-effect:non-scaling-stroke;filter:none;transition:stroke .3s,stroke-width .3s}
.tri-choice:hover path,.tri-choice:focus-visible path{stroke:#c4b6ff;stroke-width:1.8}
.tri-whole strong,.tri-choice .tri-label{text-shadow:none}
.tri-plus{background:none;box-shadow:none;border-color:#9d89fc;color:#9d89fc}
.tri-choice:hover .tri-plus,.tri-choice:focus-visible .tri-plus{border-color:#c4b6ff;color:#c4b6ff}

/* The same renderer as the opening, focused on the selected service phase. */
.service-universe-preview.universe-film{width:100%;height:auto;min-height:0;aspect-ratio:1.05;max-height:none;overflow:hidden;border-radius:50%;background:#051a2f;isolation:isolate}.service-universe-preview .film-canvas{z-index:0}.service-universe-preview .visual-label{bottom:13%;left:5%;right:5%;font-size:7px;line-height:1.7;text-align:center;letter-spacing:1.2px;z-index:1;background:#051a2f90;padding:7px 5px}.service-universe-preview .preview-pause{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;font-size:9px;padding:9px 13px}.service-dialog .service-universe-preview{display:block}.service-dialog:has(.service-universe-preview) h2{font-size:clamp(46px,5.5vw,86px)}.service-scene-copy h2{font-size:clamp(40px,4.5vw,70px)}.tri-whole strong{font-size:clamp(26px,3vw,45px)}
@media(max-width:600px){.service-universe-preview.universe-film{width:100%;max-width:330px;height:310px;aspect-ratio:auto;margin:20px auto}.service-dialog:has(.service-universe-preview) h2{font-size:12vw}.service-scene-copy h2{font-size:10vw}.service-universe-preview .visual-label{font-size:6px}.tri-whole strong{font-size:27px}}

/* Three planets, one coherent universe. Original dialog button hooks retained. */
.constellation-stage{aspect-ratio:1.12;isolation:isolate;max-width:640px}.constellation-orbits{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#9d89fc45;stroke-width:1;pointer-events:none;opacity:calc(.45 + var(--split)*.55);transform:rotate(calc((1 - var(--split))*-12deg));transform-origin:center}.constellation-orbits ellipse:nth-child(2){stroke:#9d89fc22}.constellation-orbits ellipse:nth-child(3){stroke:#c8ddf118;stroke-dasharray:2 7}.constellation-center{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:17px;pointer-events:none}.constellation-center>span{width:18px;height:18px;border:1px solid #9d89fc;border-radius:50%;position:relative}.constellation-center>span:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#c8ddf1}.constellation-center small{font-size:7px;letter-spacing:1.6px;color:#93abc1;white-space:nowrap}.planet-choice.tri-choice{position:absolute;width:132px;height:140px;left:calc(50% - 66px);top:3%;padding:0;opacity:1;transform:none!important;filter:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:10px;transition:color .3s;z-index:1}.planet-choice.planet-2{left:calc(16% - 66px);top:60%}.planet-choice.planet-3{left:calc(84% - 66px);top:60%}.planet-body{position:relative;display:grid;place-items:center;width:76px;height:76px;border:1px solid #9d89fc;background:#051a2f;border-radius:50%;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s;box-shadow:none}.planet-number{font-size:11px;letter-spacing:1.5px;color:#c8ddf1}.planet-body>i{position:absolute;bottom:-7px;right:-4px;width:22px;height:22px;border:1px solid #9d89fc;border-radius:50%;background:#051a2f;color:#9d89fc;font:400 18px/19px 'DM Sans';font-style:normal;transition:transform .4s}.planet-name{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500}.planet-action{font-size:8px;color:#93abc1;letter-spacing:.3px;opacity:0;transform:translateY(3px);transition:opacity .3s,transform .3s}.planet-choice:hover .planet-body,.planet-choice:focus-visible .planet-body{transform:translateY(-4px);border-color:#c8ddf1}.planet-choice:hover .planet-action,.planet-choice:focus-visible .planet-action{opacity:1;transform:none}.planet-choice:hover .planet-body>i,.planet-choice:focus-visible .planet-body>i{transform:rotate(90deg)}.planet-choice:focus-visible{outline:none}.planet-choice:focus-visible .planet-body{outline:2px solid #c8ddf1;outline-offset:5px}.planet-2 .planet-body:before{content:'';position:absolute;inset:5px -13px;border:1px solid #9d89fc70;border-radius:50%;transform:rotate(-28deg) scaleY(.45);pointer-events:none}.planet-3 .planet-body:before{content:'';position:absolute;inset:9px;border:1px solid #9d89fc40;border-radius:50%;pointer-events:none}.constellation-caption{position:absolute;bottom:-8%;left:0;right:0;text-align:center;font-size:7px;color:#93abc1;letter-spacing:1.5px}.constellation-stage:before{display:none}.service-scene-copy h2{font-size:clamp(40px,4.5vw,70px)}
@media(max-width:900px){.planet-choice.tri-choice{width:116px;left:calc(50% - 58px);height:125px}.planet-choice.planet-2{left:calc(16% - 58px)}.planet-choice.planet-3{left:calc(84% - 58px)}.planet-body{width:64px;height:64px}.planet-name{font-size:10px;letter-spacing:1px}.constellation-caption{font-size:6px;letter-spacing:1px}}
@media(max-width:600px){.constellation-stage{width:100%;max-width:365px;aspect-ratio:1.04;margin:10px 0 25px}.planet-choice.tri-choice{width:112px;height:118px;left:calc(50% - 56px);gap:9px;top:2%}.planet-choice.planet-2{left:calc(17% - 56px);top:61%}.planet-choice.planet-3{left:calc(83% - 56px);top:61%}.planet-body{width:62px;height:62px}.planet-name{font-size:9px;letter-spacing:.6px}.planet-number{font-size:9px}.planet-action{opacity:1;transform:none;font-size:7px}.constellation-center{top:48%;gap:12px}.constellation-center small{font-size:6px;letter-spacing:1px}.constellation-center>span{width:15px;height:15px}.constellation-center>span:after{inset:4px}.constellation-caption{bottom:-6%;font-size:5.5px;letter-spacing:1px}.service-scene-copy h2{font-size:10vw}}
@media(prefers-reduced-motion:reduce){.planet-body,.planet-action,.planet-body>i{transition:none}}