.scj{--navy:#29286b;--ink:#101c58;--green:#64bb46;--soft:#f7f8fa;--line:#dfe2ed;color:var(--ink);background:#fff;font-family:Rubik,system-ui,sans-serif;font-size:16px;line-height:1.8;isolation:isolate}.scj *{box-sizing:border-box}.scj a{color:inherit;text-decoration:none}.scj button{font:inherit}.scj h1,.scj h2,.scj h3,.scj h4{color:var(--ink);line-height:1.3;margin:0 0 18px;font-weight:700;letter-spacing:-.025em}.scj h1{font-size:clamp(34px,4vw,58px);max-width:650px}.scj h2{font-size:clamp(27px,3vw,42px);max-width:850px}.scj h3{font-size:21px}.scj h4{font-size:19px}.scj p{margin:0 0 20px}.scj figure{margin:0;min-width:0}.scj a:focus-visible,.scj button:focus-visible,.scj summary:focus-visible{outline:3px solid var(--navy);outline-offset:5px}.scj [id]{scroll-margin-top:100px}.scj-wrap{max-width:1248px;margin:auto;padding-inline:32px}.scj-section{padding-block:88px}.scj-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}.scj-hero{background:linear-gradient(135deg,#f7f8fa,#eeedf5 70%,#f5f7ee);padding-block:68px 88px;overflow:hidden}.scj-eyebrow{font-size:12px;font-weight:650;letter-spacing:.12em;color:var(--navy);margin-bottom:22px!important}.scj-lead{font-size:19px;line-height:1.85;max-width:650px}.scj-intro{max-width:850px;font-size:18px}.scj-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:28px 20px}.scj-btn{background:var(--navy);color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:11px 24px;border-radius:28px;font-size:15px;font-weight:650;border:1px solid var(--navy);transition:transform .2s,box-shadow .2s}.scj-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #29286b22}.scj-secondary{background:transparent;color:var(--navy)!important}.scj-caption{font-size:12px;color:#52566f}.scj-art{display:block;width:100%;height:auto;object-fit:contain;border-radius:24px}.scj-scene{position:relative;min-width:0;padding-block:32px}.scj-scene>.scj-art{position:relative;animation:scj-float 7s ease-in-out infinite}.scj-orbit{position:absolute;inset:5%;border:1px solid #29286b1c;border-radius:50%;animation:scj-spin 26s linear infinite}.scj-orbit:before{content:'';position:absolute;top:10%;left:15%;width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px #64bb4615}.scj-float{position:absolute;display:flex;gap:10px;align-items:center;padding:10px 16px;background:#ffffffef;box-shadow:0 12px 35px #101c5812;border:1px solid #e2e4ed;border-radius:18px;font-size:12px;font-weight:600;animation:scj-float 6s ease-in-out infinite}.scj-float-one{inset-block-start:12px;inset-inline-start:5%}.scj-float-two{inset-block-end:22px;inset-inline-end:0;animation-delay:-3s}.scj-motion{display:block;margin:20px auto 0;background:transparent;border:1px solid #bec1d4;color:var(--navy);border-radius:24px;padding:6px 16px;min-height:44px;cursor:pointer;font-size:12px}.scj-paused .scj-scene *{animation-play-state:paused!important}.scj-icon{width:32px;height:32px;display:block;flex-shrink:0}.scj-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:30px}.scj-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:36px}.scj-card,.scj-goal{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;min-width:0;transition:border-color .2s,transform .2s}.scj-goal:hover,.scj-guide:hover{transform:translateY(-4px);border-color:var(--navy)}.scj-card .scj-icon,.scj-goal .scj-icon{margin-bottom:24px}.scj-card p,.scj-goal p{font-size:15px;color:#4a5068}.scj-textlink{font-size:14px;font-weight:650;text-decoration:underline!important;text-underline-offset:6px;margin-top:auto;min-height:44px;display:inline-flex;align-items:center;gap:12px}.scj-tint{background:var(--soft)}.scj-group{margin-block:44px}.scj-group-title{display:flex;align-items:center;gap:16px}.scj-group-title>span{background:var(--navy);color:#fff;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:13px;flex-shrink:0}.scj-group-title h3{margin:0;font-size:25px}.scj-proof{border-top:3px solid var(--navy)}.scj-proof .scj-eyebrow{font-size:10px}.scj-process{background:var(--navy);color:#eef0fa}.scj-process h2,.scj-process h3,.scj-process .scj-eyebrow{color:#fff}.scj-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;gap:32px;margin-top:42px}.scj-steps h3{font-size:20px}.scj-steps p{font-size:15px;color:#d9dced}.scj-number{border-bottom:2px solid var(--green);padding-bottom:12px;margin-bottom:22px;display:block;font-size:24px}.scj-dot{display:block;background:var(--green);width:11px;height:11px;border-radius:50%;margin-bottom:20px}.scj-four h3{font-size:19px}.scj-four p{font-size:15px;color:#4a5068}.scj-faq{display:grid;grid-template-columns:1fr 2fr;gap:64px}.scj details{border-bottom:1px solid var(--line);padding-block:16px}.scj summary{cursor:pointer;min-height:44px;font-weight:650}.scj details p{margin:16px 0;color:#4a5068}.scj-final{background:#eeedf6;text-align:center}.scj-final h2,.scj-final .scj-lead{margin-inline:auto}.scj-skip{position:absolute;inset-inline-start:16px;transform:translateY(-200%);z-index:10;background:#fff;padding:12px}.scj-skip:focus{transform:none}.scj-preview-header{font-family:system-ui,sans-serif;max-width:1248px;padding:22px 32px;margin:auto;display:flex;gap:24px;justify-content:space-between;align-items:center}.scj-preview-header img{width:190px;height:auto}.scj-preview-header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.scj-preview-header a{color:#29286b;text-decoration:none;font-size:14px;min-height:44px;display:inline-flex;align-items:center}.scj-preview-footer{font-family:system-ui,sans-serif;padding:28px;text-align:center;color:#52566f;font-size:12px}body.scj-preview{margin:0;background:white}@keyframes scj-float{50%{transform:translateY(-12px)}}@keyframes scj-spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.scj-split{gap:28px}.scj-four,.scj-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.scj-three{gap:14px}.scj-card,.scj-goal{padding:22px}}@media(max-width:760px){.scj-wrap{padding-inline:20px}.scj-section{padding-block:56px}.scj-split,.scj-faq{grid-template-columns:1fr;gap:30px}.scj-hero{padding-block:36px 48px}.scj-three{grid-template-columns:1fr}.scj-card,.scj-goal{padding:24px}.scj-scene{max-width:600px;margin:auto;width:100%}.scj-scene>.scj-art{border-radius:18px}.scj-lead{font-size:17px}.scj-float{font-size:10px;padding:7px 10px}.scj-float .scj-icon{width:24px;height:24px}.scj-preview-header{padding:14px 20px}.scj-preview-header img{width:145px}.scj-preview-header nav a:not(:last-child){display:none}.scj-actions{gap:10px}.scj-btn{padding:11px 20px}.scj-group-title h3{font-size:22px}}@media(max-width:380px){.scj-steps,.scj-four{grid-template-columns:1fr}.scj h1{font-size:32px}.scj-wrap{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.scj *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.scj-orbit,.scj-float{pointer-events:none}.scj-motion{position:relative;z-index:2}
.scj-motion[hidden]{display:none}
.scj-skip{top:0}
/* V3: motion vocabulary follows the live XTRA hero, floating rail and 3/2/1 carousel. */
.scj-hero{padding-block:76px 100px;background:radial-gradient(ellipse at 20% 25%,#e9e7f3,transparent 65%),linear-gradient(130deg,#f8f9fc,#f3f4f8)}
.scj-scene{perspective:1000px;padding-block:18px 0}.scj-visual-stage{position:relative;aspect-ratio:3/2;transform:rotateX(var(--scj-rx,0deg)) rotateY(var(--scj-ry,0deg)) translate3d(var(--scj-x,0px),var(--scj-y,0px),0);transition:transform .7s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.scj-visual{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translate3d(30px,10px,0) scale(.94);filter:blur(3px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter .8s,visibility 1.1s;pointer-events:none}.scj-visual.is-current{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.scj-visual .scj-art{width:100%;height:100%;object-fit:contain;box-shadow:0 22px 70px #29286b0b;animation:scj-breathe 9s ease-in-out infinite}.scj-visual:not(.is-current) .scj-art{animation-play-state:paused}
.scj-scene-tag{display:flex;align-items:center;gap:12px;position:absolute;inset-block-start:0;inset-inline-start:4%;transform:translateY(-40%);background:#fff;padding:11px 18px;border-radius:18px;box-shadow:0 14px 40px #29286b16;font-size:11px;font-weight:650;letter-spacing:.07em}.scj-scene-tag img{width:24px;height:24px}.scj-orbit{inset:-6% 0 18%;border-color:#29286b12;pointer-events:none}.scj-orbit-two{inset:-3% -3% 22%;animation-duration:39s;animation-direction:reverse;border-style:dashed}.scj-orbit-two:before{background:var(--navy);width:6px;height:6px;box-shadow:none;top:90%;left:70%}
.scj-scene-line{position:absolute;inset-inline-start:3%;inset-block-start:10%;height:64%;width:2px;background:linear-gradient(transparent,#64bb46,transparent);transform:rotate(-25deg);opacity:.25;pointer-events:none;animation:scj-line 6s ease-in-out infinite}
.scj-visual-caption{position:relative;display:flex;align-items:center;gap:18px;margin-block:22px 12px;font-size:13px}.scj-scene-number{font-size:11px;letter-spacing:.1em;color:#616680;direction:ltr}.scj-scene-label{font-weight:650}.scj-scene-tabs{display:flex;gap:8px;position:relative;z-index:2}.scj-scene-tab{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px 14px;background:#ffffff85;color:var(--navy);border:1px solid #d7daea;border-radius:12px;cursor:pointer;font-size:13px;overflow:hidden}.scj-scene-tab.is-current{background:#fff;border-color:var(--navy);box-shadow:0 8px 24px #29286b0b}.scj-scene-tab i{position:absolute;height:2px;inset-inline:12px;bottom:6px;background:#e8eaf2;overflow:hidden;border-radius:2px}.scj-scene-tab.is-current i:after{content:'';display:block;height:100%;width:100%;background:var(--green);transform-origin:0 50%;transform:scaleX(1)}.scj[dir=rtl] .scj-scene-tab.is-current i:after{transform-origin:100% 50%}.scj-auto-playing .scj-scene-tab.is-current i:after{animation:scj-meter 8s linear both}.scj-motion{margin-block:12px 0;font-size:11px;border:0;min-height:44px;text-decoration:underline;text-underline-offset:4px;display:block}.scj-motion[hidden]{display:none}
.scj-floating-rail{position:relative;margin-top:-38px;z-index:3}.scj-rail-inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:20px 12px;background:#fff;border:1px solid #eceef5;border-radius:18px;box-shadow:0 15px 34px #141b3c17;gap:10px}.scj-rail-inner a{display:flex;gap:10px;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;font-size:11px;font-weight:650;text-align:center;min-height:76px;border-radius:12px;transition:background .25s,color .25s,transform .35s}.scj-rail-inner a:hover,.scj-rail-inner a:focus-visible{background:#f1f3f8;transform:translateY(-3px)}.scj-rail-inner img{transition:transform .35s}.scj-rail-inner a:hover img{transform:translateY(-3px) rotate(-5deg)}
.scj-carousel{display:flex!important;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:8px 2px 24px;margin-block:24px 0;scrollbar-width:thin;scrollbar-color:#b8bdd3 transparent;touch-action:pan-x pan-y;overscroll-behavior-x:contain;cursor:grab}.scj-carousel>*{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;min-width:0}.scj-carousel.scj-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.scj-carousel.scj-dragging a{pointer-events:none}.scj-carousel-controls{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-block:12px 32px}.scj-carousel-controls[hidden]{display:none}.scj-carousel-controls button{font:inherit;min-height:44px;border:1px solid #c7ccdf;border-radius:24px;padding:7px 20px;background:#fff;color:var(--navy);cursor:pointer;font-size:12px}.scj-carousel-controls button:disabled{opacity:.35;cursor:default}.scj-carousel-meter{height:2px;width:92px;background:#e0e3ed;overflow:hidden;margin-inline:10px}.scj-carousel-meter span{display:block;background:var(--navy);height:100%;width:var(--scj-meter,0%);transition:width .35s}.scj-carousel-count{font-size:11px;letter-spacing:.08em;direction:ltr;color:#58617c;min-width:48px;text-align:center}.scj-card{position:relative;overflow:hidden}.scj-card:after{content:'';position:absolute;inset-inline:24px;inset-block-end:0;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.scj-card:hover:after,.scj-card:focus-within:after{transform:scaleX(1)}.scj-card:hover .scj-icon{transform:translateY(-3px) rotate(-4deg)}.scj-card .scj-icon{transition:transform .4s}.scj-card:hover{border-color:#acb0ce;box-shadow:0 15px 40px #29286b0a}.scj-process{background:radial-gradient(ellipse at 80% 5%,#343780,transparent 60%),#101c58;padding-block:100px 88px}.scj-process .scj-wrap{position:relative}.scj-steps li{position:relative}.scj-steps li:after{content:'';position:absolute;top:45px;inset-inline-start:0;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #64bb461a}.scj-tint{background:linear-gradient(135deg,#f8f8fc,#f2f2fa)}.scj-final{position:relative;overflow:hidden;background:#101c58;color:#e1e6f6;border-radius:26px;margin:0 24px 30px}.scj-final h2,.scj-final .scj-eyebrow{color:white}.scj-final .scj-btn{background:#fff;color:#29286b!important;border-color:white}.scj-final:before,.scj-final:after{content:'';position:absolute;border:1px solid #ffffff12;width:400px;height:400px;border-radius:50%;top:-200px;left:-100px;pointer-events:none}.scj-final:after{left:auto;right:-150px;top:auto;bottom:-240px}.scj-final .scj-wrap{position:relative;z-index:1}.scj-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scj-paused *{animation-play-state:paused!important}.scj-paused .scj-visual-stage{transform:none!important;transition:none!important}.scj-paused .scj-visual{transition:none!important}.scj-paused .scj-card,.scj-paused .scj-icon,.scj-paused a{transition:none!important}.scj-carousel:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
@keyframes scj-breathe{50%{transform:translateY(-7px) scale(1.012)}}@keyframes scj-meter{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes scj-line{50%{opacity:.7;transform:rotate(-22deg) translateY(12px)}}
@media(min-width:1100px){.scj-need{padding-top:100px}.scj-hero .scj-split{gap:52px}.scj-hero h1{font-size:clamp(40px,3.7vw,56px)}}@media(max-width:1000px){.scj-carousel>*{flex-basis:calc((100% - 22px)/2)}.scj-rail-inner{gap:4px}.scj-rail-inner a{font-size:10px}.scj-hero{padding-block:60px 86px}}@media(max-width:760px){.scj-hero{padding-block:36px 66px}.scj-floating-rail{margin-top:-30px}.scj-rail-inner{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;padding:12px;gap:10px}.scj-rail-inner a{flex:0 0 100px;scroll-snap-align:start;font-size:10px}.scj-carousel>*{flex-basis:88%}.scj-carousel{gap:16px;scroll-padding-inline:0;padding-inline:0}.scj-scene{max-width:520px}.scj-visual-caption{margin-top:18px}.scj-scene-tag{font-size:10px;padding:8px 12px}.scj-process{padding-block:64px}.scj-final{margin-inline:12px;border-radius:20px}.scj-carousel-controls{margin-bottom:16px}.scj-carousel-meter{width:60px}.scj-hero .scj-lead{max-width:600px}.scj-scene-tab{font-size:12px}.scj-orbit-two{inset-inline:0}.scj-rail-inner::-webkit-scrollbar{height:3px}}@media(prefers-reduced-motion:reduce){.scj-visual-stage{transform:none!important}.scj-visual{filter:none;transform:none!important;transition:none!important}.scj-carousel{scroll-behavior:auto!important}.scj-scene-line{display:none}}
.scj-background-paused .scj-scene *{animation-play-state:paused!important}
/* V4: a moving selected-work spotlight and an independently animated phone. */
.scj-work-section{background:radial-gradient(ellipse at 8% 0,#343779,transparent 50%),#101c58;color:#f5f6ff;overflow:hidden}.scj-work-section h2,.scj-work-section>.scj-wrap>.scj-eyebrow{color:#fff}.scj-work-carousel{gap:28px;padding-block:20px 28px;scrollbar-color:#6971a4 transparent}.scj-work-carousel>.scj-proof{flex-basis:88%;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;padding:14px;border:1px solid #ffffff40;border-radius:26px;gap:10px;box-shadow:0 20px 60px #070d291a;transform:scale(.97);opacity:.82;transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .75s,box-shadow .75s;overflow:hidden;isolation:isolate}.scj-work-carousel>.scj-proof.is-spotlight{transform:scale(1);opacity:1;box-shadow:0 24px 70px #070d2930}.scj-work-image{background:#f4f2ee;border-radius:18px;overflow:hidden;min-width:0;aspect-ratio:1}.scj-work-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.scj-proof.is-spotlight:hover .scj-work-image img{transform:scale(1.025)}.scj-work-copy{display:flex;flex-direction:column;align-items:flex-start;padding:28px;min-width:0}.scj-work-copy h3{font-size:clamp(24px,2.3vw,34px);margin-block:18px}.scj-work-copy .scj-eyebrow{font-size:11px!important}.scj-work-number{font-size:12px;letter-spacing:.15em;color:#69718b;margin-bottom:34px;direction:ltr}.scj-work-copy .scj-work-evidence{font-size:11px;color:#667086;margin:28px 0 0}.scj-work-copy .scj-textlink{margin-top:12px}.scj-work-section .scj-carousel-count{color:#d5daed}.scj-work-section .scj-carousel-meter{background:#ffffff25}.scj-work-section .scj-carousel-meter span{background:#64bb46}.scj-work-section .scj-carousel-controls button{background:#ffffff0a;color:#fff;border-color:#ffffff40}.scj-work-section .scj-carousel-controls button:hover{background:#ffffff18}.scj-work-section .scj-work-toggle{margin-inline-end:auto}.scj-work-section .scj-carousel:focus-visible{outline-color:#fff}.scj-work-timer{position:relative;height:2px;background:#ffffff18;max-width:200px;margin-block:16px 0;overflow:hidden}.scj-work-timer:after{content:'';position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:0 50%}.scj[dir=rtl] .scj-work-timer:after{transform-origin:100% 50%}.scj-work-section.scj-work-playing .scj-work-timer:after{animation:scj-meter 5.5s linear both}
.scj-device{position:relative;min-width:0;perspective:1100px}.scj-device-world{position:relative;width:100%;aspect-ratio:3/2;border-radius:24px;background:radial-gradient(ellipse at 45% 25%,#fffdf8,transparent 75%),linear-gradient(145deg,#edeaf2,#f7f3eb);overflow:hidden;isolation:isolate;transform-style:preserve-3d}.scj-device-glow{position:absolute;inset:12% 8% 5%;border-radius:50%;background:radial-gradient(ellipse,#acb1df44,transparent 68%);animation:scj-device-glow 7s ease-in-out infinite}.scj-device-world:after{content:'';position:absolute;inset-inline:7%;bottom:8%;height:8%;border-radius:50%;box-shadow:0 22px 24px #29286b20;z-index:-1}.scj-device-wire{position:absolute;inset:0;width:100%;height:100%;color:#64bb46}.scj-device-wire path{stroke:currentColor;stroke-width:5;opacity:.2}.scj-device-wire path.scj-device-packet{stroke-width:3;opacity:.9;stroke-dasharray:22 180;animation:scj-packets 5.5s linear infinite}.scj-monitor{position:absolute;width:71%;height:55%;inset-inline-start:7%;top:15%;border-radius:7%/10%;padding:2.2%;background:linear-gradient(120deg,#fffef7,#e0dbd2);border:1px solid #fff;box-shadow:7px 10px 1px #cfc8c0,0 24px 35px #29286b18;transform:perspective(1000px) rotateY(-7deg) rotateX(2deg);z-index:1}.scj-monitor-screen{height:100%;border-radius:4%/7%;background:#f5f3f1;padding:4%;overflow:hidden;position:relative;box-shadow:inset 0 2px 7px #101c5812}.scj-monitor-nav{display:flex;gap:3%;height:9%;align-items:center;margin-bottom:7%}.scj-monitor-nav i{display:block;width:2.5%;aspect-ratio:1;background:#aaa8c3;border-radius:50%}.scj-monitor-nav i:first-child{background:#64bb46}.scj-monitor-banner{height:42%;background:linear-gradient(135deg,#29286b,#45428b);border-radius:7px;position:relative;padding:9%}.scj-monitor-banner span{display:block;width:48%;height:10%;border-radius:10px;background:#f4f2ff88;box-shadow:0 9px 0 #f4f2ff50}.scj-monitor-banner b{position:absolute;inset-inline-end:8%;top:20%;width:19%;aspect-ratio:1;border-radius:50%;background:#80ba53;box-shadow:0 0 0 8px #80ba5312;animation:scj-status-breathe 4.5s ease-in-out infinite}.scj-monitor-tiles{display:flex;gap:5%;height:22%;margin-top:6%}.scj-monitor-tiles i{flex:1;border-radius:5px;background:#c9c6e0;animation:scj-monitor-focus 6s ease-in-out infinite}.scj-monitor-tiles i:nth-child(2){animation-delay:-2s}.scj-monitor-tiles i:nth-child(3){animation-delay:-4s}.scj-monitor-lines{margin-top:4%}.scj-monitor-lines i{display:block;width:68%;height:3px;background:#d9d6e5;border-radius:4px;margin:4px 0}.scj-monitor-lines i:last-child{width:48%}.scj-monitor-stand{position:absolute;top:100%;inset-inline-start:37%;width:24%;height:28%;background:linear-gradient(110deg,#c8c0b9,#f9f7f1);clip-path:polygon(22% 0,78% 0,88% 90%,100% 100%,0 100%,12% 90%)}.scj-monitor:after{content:'';position:absolute;width:40%;height:7%;top:125%;inset-inline-start:29%;border-radius:50%;background:linear-gradient(#faf8ef,#d6d0c8);box-shadow:0 8px 12px #29286b12}
.scj-phone{position:absolute;inset-inline-end:9%;top:28%;width:25%;height:61%;padding:3% 1.25% 2%;border-radius:17%/8%;background:linear-gradient(120deg,#fffffa,#dcd7ce);border:1px solid #fff;box-shadow:6px 5px 0 #cfc8bf,0 15px 26px #29286b20;z-index:3;transform-origin:50% 85%;animation:scj-phone-lift 7.5s cubic-bezier(.45,0,.55,1) infinite}.scj-phone-viewport{position:relative;width:100%;height:100%;overflow:hidden;background:#faf9f4;border-radius:10%/5%;box-shadow:inset 0 0 4px #29286b20}.scj-phone-page{padding:14% 9%;min-height:185%;animation:scj-phone-scroll 11s cubic-bezier(.45,0,.25,1) infinite}.scj-phone-camera{position:absolute;top:3.5%;inset-inline-start:36%;width:28%;height:1.7%;background:#bcb5af;border-radius:99px}.scj-phone-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12%;height:12px}.scj-phone-top i{width:18%;aspect-ratio:1;background:#64bb46;border-radius:50%}.scj-phone-top span{width:33%;height:3px;background:#b9b5d0;border-radius:4px;box-shadow:0 5px 0 #b9b5d0}.scj-phone-banner{position:relative;width:100%;height:68px;border-radius:7px;background:linear-gradient(135deg,#29286b,#514e91);overflow:hidden}.scj-phone-banner:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#fff2 50%,transparent 60%);animation:scj-phone-shine 6s ease-in-out infinite}.scj-phone-banner i{display:block;width:45%;height:3px;background:#fff8;margin:18% 12% 10%;border-radius:4px}.scj-phone-banner span{display:block;width:65%;height:3px;background:#fff5;margin-inline:12%;border-radius:4px;box-shadow:0 7px 0 #fff3}.scj-phone-lines{margin-block:12%}.scj-phone-lines i{display:block;width:90%;height:3px;margin-block:6px;background:#c8c5db;border-radius:4px}.scj-phone-lines i:last-child{width:65%}.scj-phone-tiles{display:flex;gap:8%;height:48px}.scj-phone-tiles i{flex:1;background:#d5d0e8;border-radius:5px;position:relative}.scj-phone-tiles i:before{content:'';width:32%;aspect-ratio:1;position:absolute;left:34%;top:20%;border-radius:50%;background:#bbb5d9}.scj-phone-tiles i:after{content:'';height:3px;background:#b8b1d5;position:absolute;left:15%;right:15%;bottom:20%;border-radius:3px}.scj-phone-action{height:12px;width:65%;margin:15% auto;background:#7cb54f;border-radius:12px}.scj-phone-content{height:75px;padding:8%;border-radius:7px;background:#eeebf7;display:flex;gap:8%;align-items:flex-end;margin-top:15%}.scj-phone-content i{background:#a7a1cd;flex:1;height:45%;border-radius:4px}.scj-phone-content i:nth-child(2){height:85%;background:#29286b}.scj-phone-content i:nth-child(3){height:65%;background:#83b85c}.scj-phone-home{position:absolute;bottom:2.8%;left:35%;width:30%;height:1.3%;border-radius:10px;background:#aaa3ba}.scj-phone-shadow{position:absolute;inset-inline-end:6%;top:88%;width:32%;height:6%;background:radial-gradient(ellipse,#29286b35,transparent 70%);z-index:2;animation:scj-shadow-spread 7.5s ease-in-out infinite}.scj-device-notice{position:absolute;inset-inline-end:2%;top:22%;z-index:5;padding:2% 3%;display:flex;align-items:center;gap:8px;font-size:clamp(9px,1vw,12px);background:#fff;border:1px solid #edeef6;border-radius:12px;box-shadow:0 12px 28px #29286b18;animation:scj-notice-in 7.5s cubic-bezier(.2,.8,.2,1) infinite;pointer-events:none}.scj-device-check{background:#e6f0df;color:#34752c;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:12px}.scj-device-chip{position:absolute;bottom:4%;inset-inline-start:7%;font-size:9px;letter-spacing:.12em;color:#73718d;z-index:3}.scj-device-toggle{min-height:44px;padding:8px 18px;font:inherit;font-size:12px;background:transparent;border:1px solid #c6cade;border-radius:24px;color:#29286b;cursor:pointer;margin:16px auto;display:block}.scj-device-figure .scj-caption{text-align:center}.scj-device *{animation-play-state:paused}.scj-device-inview *{animation-play-state:running}.scj-device-paused *,.scj-visual:not(.is-current) .scj-device *,.scj-paused .scj-device *{animation-play-state:paused!important}.scj-visual>.scj-device{height:100%}.scj-visual>.scj-device .scj-device-world{height:100%}.scj-device-toggle[hidden]{display:none}
@keyframes scj-phone-lift{0%,100%{transform:translateY(0) rotateY(-12deg) rotateZ(5deg)}45%,60%{transform:translateY(-18px) rotateY(5deg) rotateZ(-3deg)}}@keyframes scj-phone-scroll{0%,12%{transform:translateY(0)}40%,63%{transform:translateY(-28%)}88%,100%{transform:translateY(0)}}@keyframes scj-phone-shine{0%,30%{transform:translateX(-60%)}65%,100%{transform:translateX(65%)}}@keyframes scj-packets{to{stroke-dashoffset:-404}}@keyframes scj-monitor-focus{0%,100%{background:#c9c6e0}35%,60%{background:#a6a1ca;box-shadow:inset 0 -3px #64bb46}}@keyframes scj-status-breathe{50%{box-shadow:0 0 0 12px #80ba5318}}@keyframes scj-shadow-spread{50%{transform:scale(1.2);opacity:.5}}@keyframes scj-device-glow{50%{transform:scale(1.1);opacity:.65}}@keyframes scj-notice-in{0%,8%,88%,100%{opacity:0;transform:translateY(15px) scale(.94)}20%,75%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1000px){.scj-work-carousel>.scj-proof{flex-basis:94%;grid-template-columns:1fr 1fr}.scj-work-copy{padding:18px}.scj-work-copy h3{font-size:25px}.scj-work-number{margin-bottom:18px}.scj-work-copy p{font-size:14px}}@media(max-width:760px){.scj-work-carousel{gap:16px}.scj-work-carousel>.scj-proof{flex-basis:93%;grid-template-columns:1fr;padding:10px;border-radius:20px}.scj-work-copy{padding:18px 14px}.scj-work-number{margin-bottom:14px}.scj-work-copy h3{font-size:25px;margin-block:12px}.scj-work-copy .scj-work-evidence{margin-top:18px}.scj-work-section .scj-work-toggle{padding-inline:12px;max-width:50%;font-size:11px}.scj-work-section .scj-carousel-meter{display:none}.scj-work-section .scj-carousel-controls{gap:8px;flex-wrap:wrap}.scj-work-section .scj-carousel-controls button{padding-inline:14px}.scj-phone-banner{height:42px}.scj-phone-tiles{height:31px}.scj-phone-content{height:45px}.scj-phone-top{height:9px}.scj-phone-action{height:8px}.scj-phone-lines i{height:2px;margin-block:4px}.scj-device-notice{gap:5px;font-size:9px;border-radius:9px}.scj-device-check{width:17px;height:17px;font-size:10px}.scj-monitor-banner span{box-shadow:0 6px 0 #f4f2ff50}.scj-device-chip{font-size:8px}.scj-phone{box-shadow:4px 4px 0 #cfc8bf,0 12px 22px #29286b18}.scj-monitor{box-shadow:4px 6px 0 #cfc8c0,0 15px 24px #29286b18}.scj-phone-banner i,.scj-phone-banner span{height:2px}}@media(prefers-reduced-motion:reduce){.scj-work-carousel>.scj-proof{transform:none;transition:none}.scj-device *{animation:none!important}.scj-phone{transform:rotateY(-8deg) rotateZ(2deg)}.scj-device-notice{opacity:1;transform:none}.scj-device-toggle{display:none}}
.scj-phone-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:9px}.scj-phone-content i,.scj-phone-content i:nth-child(2),.scj-phone-content i:nth-child(3){flex:none;height:4px;width:85%;border-radius:4px;background:#b9b3d5}.scj-phone-content i:nth-child(2){width:65%;background:#a7a0c9}.scj-phone-content i:nth-child(3){width:75%;background:#c7c1de}.scj-document-hidden .scj-device *{animation-play-state:paused!important}
.scj-work-copy{color:var(--ink)}.scj-work-copy .scj-textlink{color:var(--navy)}
.scj-work-section .scj-carousel-controls button:focus-visible{outline-color:#fff}
/* V5 balances copy with the device and links lower card rails to page scrolling. */
.scj-hero .scj-split{grid-template-columns:.92fr 1.08fr;gap:42px}.scj-hero .scj-lead{max-width:510px}.scj-hero h1{font-size:clamp(36px,3.6vw,54px);max-width:570px}.scj-device-feature .scj-split{grid-template-columns:.8fr 1.2fr;gap:56px}.scj-device-feature .scj-lead{font-size:17px;max-width:440px}.scj-device-feature h2{font-size:clamp(28px,3vw,40px);max-width:420px}.scj-device-feature .scj-device-world{min-height:340px}.scj-device-feature .scj-device-figure{width:100%}
@media(max-width:760px){.scj-hero .scj-split,.scj-device-feature .scj-split{grid-template-columns:1fr;gap:22px}.scj-hero h1{font-size:34px;line-height:1.25;margin-bottom:14px}.scj-hero .scj-lead{font-size:16px;line-height:1.75;margin-bottom:16px}.scj-hero .scj-eyebrow{font-size:10px;margin-bottom:14px!important}.scj-hero .scj-actions{margin-block:18px 12px}.scj-hero .scj-caption{font-size:10px;margin-bottom:8px}.scj-hero .scj-scene{padding-top:8px}.scj-device-feature .scj-device-world{min-height:0;aspect-ratio:3/2}.scj-device-feature .scj-lead{font-size:16px;max-width:100%}.scj-device-feature h2{font-size:29px}.scj-device-feature .scj-eyebrow{margin-bottom:14px!important}.scj-device-feature .scj-actions{margin-top:16px}}

@media(max-width:760px){.scj .scj-hero h1{font-size:32px!important;line-height:1.22!important;margin-bottom:14px!important}.scj .scj-hero .scj-lead{font-size:15px!important;line-height:1.7!important}.scj .scj-hero .scj-eyebrow{font-size:10px!important;letter-spacing:.08em!important}.scj .scj-hero .scj-actions{flex-wrap:nowrap;gap:8px}.scj .scj-hero .scj-actions .scj-btn{flex:1;min-width:0;min-height:44px;padding:9px 10px;font-size:12px!important;gap:8px;white-space:nowrap}.scj .scj-hero .scj-split{gap:14px}}
/* V6 static grids and an accessible circular detail reveal. */
.scj-reveal-grid{position:relative;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible;padding:0;cursor:default}.scj-reveal-grid>.scj-card{transform:none!important;opacity:1!important;box-shadow:none;min-width:0}.scj-work-grid>.scj-proof{display:flex;flex-direction:column;padding:12px;border-radius:20px;border-top:1px solid #dfe2ed}.scj-work-grid .scj-work-image{width:100%;aspect-ratio:1}.scj-work-grid .scj-work-copy{padding:22px 14px;flex:1;align-self:stretch}.scj-work-grid .scj-work-number{margin-bottom:18px}.scj-work-grid .scj-work-copy h3{font-size:24px}.scj-work-grid .scj-work-copy .scj-work-evidence{margin-top:20px}.scj-reveal-layer{position:absolute;inset:0;display:grid;pointer-events:none;z-index:4;opacity:0;transition:opacity .22s;mask-image:radial-gradient(circle var(--scj-reveal-radius,210px) at var(--scj-reveal-x,-500px) var(--scj-reveal-y,-500px),#000 99%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--scj-reveal-radius,210px) at var(--scj-reveal-x,-500px) var(--scj-reveal-y,-500px),#000 99%,transparent 100%)}.scj-reveal-active>.scj-reveal-layer{opacity:1}.scj-reveal-card{background:#101c58;color:#fff;padding:28px;border-radius:18px;border:1px solid #29286b;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.scj .scj-reveal-card h3{color:#fff;font-size:24px;line-height:1.35}.scj .scj-reveal-card p{color:#d7dbef;font-size:15px;line-height:1.85;border-top:1px solid #ffffff20;padding-top:18px}.scj-reveal-number{font-size:12px;color:#9bcca0;letter-spacing:.12em;margin-bottom:22px}.scj-reveal-link{font-size:13px;color:#b7db9e;margin-top:12px}.scj .scj-scene .scj-orbit,.scj .scj-scene .scj-art,.scj .scj-scene-line,.scj .scj-device *{animation-duration:4.8s!important;animation-iteration-count:1!important;animation-fill-mode:both}.scj .scj-scene-tabs,.scj .scj-motion,.scj .scj-device-toggle,.scj .scj-carousel-controls,.scj-work-timer{display:none!important}
@media(max-width:1000px){.scj-reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scj-work-grid>.scj-proof{grid-template-columns:none}}@media(max-width:760px){.scj-reveal-grid{grid-template-columns:1fr;gap:16px}.scj-work-grid .scj-work-copy h3{font-size:24px}.scj-reveal-card{padding:24px}.scj-hero .scj-scene{padding-bottom:0}}@media(prefers-reduced-motion:reduce){.scj-reveal-layer{transition:none}}

/* V7: ambient hero motion continues and the complete portfolio is a single carousel. */
.scj .scj-scene .scj-orbit,.scj .scj-scene .scj-art,.scj .scj-scene-line,.scj .scj-device *{animation-duration:8s!important;animation-iteration-count:infinite!important;animation-fill-mode:none}.scj .scj-scene .scj-orbit{animation-duration:28s!important}.scj .scj-scene .scj-orbit-two{animation-duration:38s!important}.scj .scj-phone-page{animation-duration:11s!important}.scj7-work-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.scj7-gallery-link{color:#e7ebff!important;text-decoration:underline!important;text-underline-offset:6px;font-size:14px;padding-block:10px;flex-shrink:0}.scj7-work-rail{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#7079b1 transparent;margin-top:28px;padding:2px 0 18px;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab}.scj7-work-slide{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#fff;color:#101c58;border-radius:24px;padding:14px;align-items:center;min-width:0;overflow:hidden}.scj7-work-image{aspect-ratio:1;max-height:510px;overflow:hidden;border-radius:16px;background:#f6f4f0}.scj7-work-image img{width:100%;height:100%;object-fit:contain;display:block}.scj7-work-copy{padding:28px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.scj .scj7-work-copy h3{font-size:clamp(24px,2.8vw,38px);color:#101c58;line-height:1.3;margin-block:20px}.scj .scj7-work-copy p{font-size:16px;color:#4a5068}.scj7-work-code{font-size:12px;letter-spacing:.16em;color:#65708d;margin-bottom:24px;direction:ltr}.scj7-work-copy .scj-eyebrow{font-size:11px!important;margin:0!important}.scj7-work-copy a{color:#29286b!important}.scj7-work-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:14px}.scj7-work-count{font-size:12px;direction:ltr;letter-spacing:.14em;color:#e2e7fc}.scj7-work-footer p{font-size:12px;color:#c6cdea;margin:0}.scj7-work-rail:focus-visible{outline:2px solid white;outline-offset:6px}.scj7-work-dragging{scroll-snap-type:none;user-select:none;cursor:grabbing}.scj7-work-dragging a{pointer-events:none}@media(max-width:760px){.scj7-work-heading{display:block}.scj7-gallery-link{display:inline-flex}.scj7-work-slide{grid-template-columns:1fr;flex-basis:100%;padding:10px;gap:0}.scj7-work-image{height:280px;max-height:none;aspect-ratio:auto}.scj7-work-copy{padding:20px 14px}.scj7-work-code{margin-bottom:14px}.scj .scj7-work-copy h3{font-size:23px;margin-block:14px}.scj .scj7-work-copy p{font-size:14px}.scj7-work-footer{align-items:flex-start}.scj7-work-footer p{max-width:240px;line-height:1.8}.scj7-work-rail{gap:16px}.scj7-work-copy .scj-textlink{font-size:13px}}@media(prefers-reduced-motion:reduce){.scj .scj-scene .scj-orbit,.scj .scj-scene .scj-art,.scj .scj-scene-line,.scj .scj-device *{animation:none!important}}