:root{--ink:#123e33;--green:#006b4c;--paper:#faf7f0;--muted:#69766a;--gold:#c3a26b;--line:#dfdfd0;--ease:cubic-bezier(.22,1,.36,1);--accent:#3ee6ac}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bf8240;outline-offset:5px}[hidden]{display:none!important}.shell{max-width:1180px;margin:auto;padding:0 32px}header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:18px}.brand{display:flex;align-items:center;gap:17px;text-decoration:none}.brand img{width:156px;height:auto}.study-label{font-size:10px;color:var(--muted)}.toolbar{display:flex;gap:8px}.tool{border:1px solid var(--line);border-radius:30px;background:#ffffff90;padding:10px 15px;font-size:12px;min-height:42px}.tool:hover{background:white}.intro{text-align:center;padding:30px 0 0}.eyebrow{font:10px Arial;color:#76816b;letter-spacing:2.2px;direction:ltr}.intro h1{font-weight:500;font-size:clamp(26px,3vw,38px);line-height:1.5;margin:11px 0 6px;letter-spacing:-1px}.intro p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.scene-wrap{padding:64px 0 0;overflow:hidden}.scene{position:relative;width:100%;height:640px;isolation:isolate;direction:ltr;--mx:0deg;--my:0deg}.scene:before{content:"";position:absolute;inset:12% 8% 7%;z-index:-1;background:radial-gradient(ellipse,#d6e5c554,transparent 65%);border-radius:50%}.orbit-layer{position:absolute;inset:0;pointer-events:none;width:100%;height:100%;overflow:visible}.track{fill:none;stroke:url(#wire);stroke-width:1.6;opacity:.78}.track.faint{stroke:#a9c2a0;stroke-width:1;opacity:.53}.beam{fill:none;stroke:var(--beam-color,#bda86b);stroke-width:2;opacity:0;stroke-dasharray:5 8;animation:flow 2s linear infinite;transition:opacity .4s}.beam.lit{opacity:.85}.orb{filter:url(#bead-shadow)}.orbit-status{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font:9px Arial;letter-spacing:2px;color:#8a947d;white-space:nowrap}.orbit-status:before{content:"";display:inline-block;width:4px;height:4px;background:#338662;border-radius:50%;margin-right:9px}.orbit-status.active{color:#27674d}.plinth{position:absolute;left:22%;width:56%;height:75px;top:75%;border:1px solid #fffdf4;border-radius:50%;background:linear-gradient(#fffef7,#e9e2cf);box-shadow:0 15px 0 -2px #ded5bc,0 25px 26px -14px #78936c55;z-index:-1}.plinth:before{content:"";position:absolute;inset:15px 25%;border-radius:50%;background:#77ad6442;filter:blur(14px)}.plinth:after{content:"";position:absolute;left:-13%;right:-13%;height:72px;top:40px;border-radius:50%;background:linear-gradient(#fffcf6,#eee7d9);z-index:-1;box-shadow:0 11px 0 -1px #e5ddca}
/* Shared approved double-sided block, scaled for the full composition. */
.service-slot{position:absolute;left:var(--x);top:var(--y);width:184px;height:190px;transform:translate(-50%,-50%);z-index:4}.service-idle{width:100%;height:100%;animation:idle 7s ease-in-out var(--delay) infinite}.service-hit{--bw:146px;--bh:154px;--depth:26px;--rest-y:-22deg;position:relative;width:184px;height:190px;border:0;border-radius:30px;padding:0;background:transparent;appearance:none;perspective:850px;cursor:pointer;text-align:center}.lift{position:absolute;width:var(--bw);height:var(--bh);left:calc((184px - var(--bw))/2);top:18px;transform-style:preserve-3d;transform:translateY(0);transition:transform .6s var(--ease);pointer-events:none}.spin{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(7deg) rotateY(var(--rest-y));transition:transform .6s var(--ease)}.face,.core{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;border-radius:26px;backface-visibility:hidden}.face{border:1px solid #c3b895;background:linear-gradient(135deg,#fffef8,#f1efe3 70%,#e5e1d0);box-shadow:inset 0 0 0 2px #fffef6,inset 0 0 0 5px #e1dcc9;overflow:hidden}.front{transform:translateZ(13px)}.back{transform:rotateY(180deg) translateZ(13px)}.core{backface-visibility:visible;background:linear-gradient(110deg,#a28e5c,#f2e7c6 28%,#c9bb92 57%,#8a7748);border:1px solid #c5b68c;transform:translateZ(var(--z));box-shadow:inset 0 0 0 1px #f3e8c3}.wall{position:absolute;background:linear-gradient(90deg,#a99565,#eee1bb 45%,#b5a16f);backface-visibility:visible}.wall.side{width:26px;height:calc(var(--bh) - 48px);top:24px;left:calc(50% - 13px);transform:rotateY(90deg) translateZ(calc(var(--bw)*var(--side)/2))}.face img{position:absolute;width:104px;height:100px;object-fit:contain;top:8px;left:50%;transform:translateX(-50%);pointer-events:none}.face img.signal{width:177px;height:118px;top:-1px}.face .label{font:600 14px/1.14 Arial,sans-serif;letter-spacing:-.35px;max-width:125px;margin-bottom:17px;z-index:1;min-height:16px}.face:after{content:"";position:absolute;inset:8px;border-radius:19px;border:1px solid #ffffffa8;pointer-events:none}.service-slot.journal .face{background:linear-gradient(145deg,#08754f,#004b37 70%,#003f2e);color:#fffbed;border-color:#a9bc83;box-shadow:inset 0 0 0 2px #e7e8b8,inset 0 0 0 5px #107457}.service-slot.journal .face img{width:94px;height:92px;top:8px}.service-slot.selected .face:before{content:"";position:absolute;bottom:7px;width:4px;height:4px;border-radius:50%;background:#268359}.service-slot.selected{z-index:8}.service-hit.active .lift{animation:launch .85s cubic-bezier(.22,.75,.25,1) both,breathe 2.8s ease-in-out .85s infinite}.service-hit.active .spin{animation:turn .65s cubic-bezier(.24,.7,.3,1) both}.service-slot:has(.active) .service-idle{animation-play-state:paused}.service-hit:focus-visible{outline-offset:-8px}
/* The monitor is a live illustration: its UI is illustrative, not live account data. */
.monitor-position{position:absolute;left:50%;top:51%;width:358px;height:296px;transform:translate(-50%,-50%);perspective:1100px;z-index:3}.monitor-tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(5deg + var(--mx))) rotateY(calc(-10deg + var(--my)));transition:transform 1.1s var(--ease)}.monitor-rear{position:absolute;inset:30px -40px 4px 110px;background:linear-gradient(135deg,#118c5e,#00422e);border:3px solid #afc187;border-radius:25px;transform:translateZ(-30px);box-shadow:inset 0 0 0 4px #0d704f,8px 6px 0 #d7c785}.monitor-rear:after{content:"";position:absolute;inset:25px 16px;border:1px solid #4fbb8a70;border-radius:14px}.monitor-frame{position:absolute;inset:0;border:2px solid #d5d59a;border-radius:30px;background:linear-gradient(130deg,#0b9867,#005337 45%,#002f23);box-shadow:inset 0 0 0 3px #1b9a6d,inset 0 0 0 6px #064d38,7px 5px 0 #c8bb7c,12px 8px 0 #637e49,12px 22px 35px -16px #274b3890;transform:translateZ(12px);overflow:hidden}.monitor-screen{position:absolute;inset:18px;border-radius:16px;background:radial-gradient(ellipse at 60% 0%,#087052,#003e2c 75%);color:#e6ffed;padding:16px;overflow:hidden}.monitor-screen:before{content:"";position:absolute;width:260px;height:90px;left:-50px;top:-35px;transform:rotate(-25deg);background:linear-gradient(#ffffff15,transparent);pointer-events:none}.monitor-screen.flash:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#a2ffc022,transparent);animation:scan .8s ease-out both;pointer-events:none}.screen-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 17px Arial;margin-bottom:17px;height:22px;color:#efffed}.screen-state{font:7px Arial;letter-spacing:1.5px;border:1px solid #82c89755;padding:4px 5px;border-radius:4px;color:#bfdfbb}.screen-body{height:170px;display:grid;grid-template-columns:86px 1fr;gap:10px}.screen-nav{display:flex;flex-direction:column;gap:5px}.screen-nav span{background:#e3fff110;border:1px solid #8ae4ad13;border-radius:6px;padding:9px 7px;font:10px Arial}.screen-nav span.current{background:#8beabf26;color:#e8e8b1;border-color:#91d3a15c}.screen-visual{position:relative;min-width:0;overflow:hidden;border-radius:7px}.screen-visual svg{width:100%;height:100%;display:block}.monitor-stand{position:absolute;left:42%;right:39%;top:100%;height:35px;background:linear-gradient(90deg,#003526,#229466,#005037);border:2px solid #b7b57f;border-top:0;z-index:-1}.monitor-stand:after{content:"";position:absolute;width:125px;height:14px;left:50%;bottom:-8px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(#e7dcaf,#9f9c65);box-shadow:0 3px 0 #d2c89b}.monitor-aura{position:absolute;inset:-25px;border-radius:50%;background:radial-gradient(ellipse,var(--aura,#31ab7040),transparent 65%);opacity:.4;filter:blur(13px);z-index:-2;transition:background .6s,opacity .6s}.scene.has-selection .monitor-aura{opacity:.95}.sample-caption{position:absolute;left:50%;top:calc(51% + 183px);transform:translateX(-50%);font:8px Arial;color:#708267;z-index:3;white-space:nowrap;letter-spacing:.6px}.mobile-services{display:none}.detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:44px;padding:26px 0 28px;min-height:213px;align-items:center}.detail-title .number{font:10px Arial;color:#8b8f7f;letter-spacing:2px;direction:ltr;display:inline-block}.detail h2{font-size:27px;line-height:1.5;font-weight:500;margin:9px 0}.detail p{font-size:12px;line-height:2;color:var(--muted);max-width:620px;margin:0}.features{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.feature{font-size:10px;border:1px solid #dce0d1;background:#f5f5eb;padding:6px 9px;border-radius:5px}.cta-line{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.primary{border:0;display:inline-flex;gap:24px;align-items:center;background:#075d45;color:#fffdf4;padding:12px 18px;border-radius:8px;text-decoration:none;font:12px Arial;direction:ltr}.primary:hover{background:#004c36}.primary span{font-size:18px}.hint{font-size:9px!important;line-height:1.8!important;max-width:240px!important}.prompt{color:#728166;font-size:11px;margin-top:13px}footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 0 25px;color:#868c7d;font-size:10px}.footer-actions{display:flex;gap:16px;align-items:center}.text-button{border:0;background:none;font-size:11px;padding:5px;color:#637360;text-decoration:underline;text-underline-offset:4px}.drawer{background:#f1f0e6;border:1px solid #e1e1d2;padding:18px;border-radius:12px;margin-bottom:20px}.drawer p{font-size:12px;line-height:1.9;color:var(--muted);margin:5px 0}.service-index{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.service-index button{border:1px solid #d4dac9;padding:8px 12px;background:#faf9f0;border-radius:6px;font:11px Arial}.reference{padding:8px 0 25px}.reference summary{font-size:11px;color:var(--muted);cursor:pointer}.reference img{width:100%;height:auto;margin:12px 0;border-radius:12px}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;height:100%;padding:6px 2px}.screen-grid div{border:1px solid #6ac89155;border-radius:8px;background:#a3e4b10c;padding:10px 5px;font:9px Arial;text-align:center}.screen-grid b{display:block;font-size:20px;line-height:1.6;color:#83e7bb}.screen-lines{padding:10px 5px;font:10px/1.9 monospace;color:#d1e7c7}.screen-lines .gold{color:#e1cd8b}.screen-video{height:110px;display:grid;place-items:center;background:linear-gradient(135deg,#092f26,#197454);border:1px solid #72b99555;border-radius:8px;font:30px Arial;color:#eb8e63}.screen-bar{height:4px;margin-top:12px;background:#3f8060;border-radius:8px}.screen-bar:after{content:"";display:block;width:38%;height:100%;background:#d2bf7b;border-radius:8px}.screen-row{font:9px Arial;padding:11px 7px;margin:5px 0;border:1px solid #6ab88544;border-radius:6px;display:flex;justify-content:space-between}.screen-row small{color:#b5cea4;font-size:7px}.chart-guide{stroke:#e6bd79;stroke-width:1;stroke-dasharray:4 4;animation:flow 4s linear infinite}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .service-hit.active .lift{transform:none}.motion-off .monitor-tilt{transform:rotateX(5deg) rotateY(-10deg)}
@keyframes turn{from{transform:rotateX(7deg) rotateY(var(--rest-y))}to{transform:rotateX(7deg) rotateY(calc(var(--rest-y) + 360deg))}}@keyframes launch{0%{transform:translateY(0)}42%{transform:translateY(-46px)}70%{transform:translateY(-17px)}86%{transform:translateY(-27px)}100%{transform:translateY(-23px)}}@keyframes breathe{0%,100%{transform:translateY(-23px)}50%{transform:translateY(-13px)}}@keyframes idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes flow{to{stroke-dashoffset:-52}}@keyframes scan{from{transform:translateY(-100%)}to{transform:translateY(100%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.service-hit.active .lift{transform:none}.monitor-tilt{transform:rotateX(5deg) rotateY(-10deg)}}
@media(min-width:720px) and (max-width:1000px){.scene{height:580px}.service-slot{scale:.82}.monitor-position{scale:.83;transform:translate(-60%,-60%)}.sample-caption{top:calc(51% + 152px)}}
@media(max-width:719px){.shell{padding:0 18px}header{height:74px}.brand img{width:120px}.study-label{display:none}.tool{padding:8px 11px}.motion-label{display:none}.intro{padding-top:25px}.intro h1{font-size:26px}.intro p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.5px}.scene-wrap{padding-top:8px;overflow:hidden}.scene{height:320px}.scene>.service-slot{display:none}.monitor-position{width:300px;height:245px;top:44%;left:49%;transform:translate(-50%,-50%);scale:.83;transform-origin:center}.monitor-screen{inset:14px;padding:13px}.screen-head{font-size:14px;margin-bottom:11px}.screen-body{height:140px;grid-template-columns:75px 1fr;gap:8px}.screen-nav span{padding:8px 5px;font-size:9px}.screen-state{font-size:6px}.monitor-frame{border-radius:25px}.monitor-rear{right:-26px}.plinth{width:76%;left:12%;top:72%;height:43px}.plinth:after{height:43px;top:25px}.sample-caption{top:calc(44% + 137px);font-size:7px}.orbit-status{font-size:7px;bottom:1px;letter-spacing:1.3px}.mobile-services{display:flex;direction:ltr;gap:0;overflow-x:auto;overflow-y:hidden;padding:37px 8px 10px;margin:0 -18px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.mobile-services .service-slot{position:relative;left:auto;top:auto;transform:none;flex:0 0 112px;width:112px;height:126px;scroll-snap-align:center}.mobile-services .service-idle{animation:none}.mobile-services .service-hit{transform:scale(.64);transform-origin:top left;position:absolute;left:0;top:0}.mobile-services .service-slot.selected .face{border-color:#388464;box-shadow:inset 0 0 0 2px #d7ead6,inset 0 0 0 5px #bccfac}.mobile-hint{font-size:9px;text-align:center;color:#8b957d;margin:2px 0 20px}.detail{grid-template-columns:1fr;gap:8px;padding:22px 0;min-height:285px;align-content:start}.detail h2{font-size:23px;margin:6px 0}.detail p{font-size:11px}.cta-line{gap:10px}.primary{font-size:11px;padding:12px 15px}.hint{max-width:170px!important}.feature{font-size:9px}footer{align-items:flex-start;font-size:9px;line-height:1.8}.footer-actions{flex-direction:column;gap:6px;align-items:flex-end}.drawer p{font-size:11px}.screen-video{height:90px}}
@media(min-width:720px){.mobile-hint{display:none}}
/* Keep scaled monitors centered inside narrow layouts. */
@media(min-width:720px) and (max-width:1000px){.monitor-position{scale:1;transform:translate(-50%,-50%)}.monitor-tilt{scale:.83}}
@media(max-width:719px){.monitor-position{scale:1}.monitor-tilt{scale:.83}}
/* V04: shared perspective, depth layers, orientation and a grounded three-tier plinth. */
.scene{height:740px}.orbit-layer{display:none}.orbit-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.orbit-back{z-index:1}.orbit-front{z-index:12}.scene:before{background:radial-gradient(ellipse at 43% 58%,#d1dfbd72,transparent 67%)}
.monitor-position{top:51%}.monitor-tilt{transform:rotateX(var(--mx)) rotateY(var(--my))}.motion-off .monitor-tilt{transform:rotateX(var(--mx)) rotateY(var(--my))}.monitor-frame{box-shadow:inset 0 0 0 3px #1b9a6d,inset 0 0 0 6px #064d38,6px 4px 0 #c8bb7c,10px 8px 0 #637e49,19px 26px 30px -15px #30462f85}.monitor-screen:before{width:390px;height:120px;left:-65px;top:-45px;background:linear-gradient(165deg,#e4fff321,transparent 73%)}.monitor-stand{height:41px;left:42%;right:40%;box-shadow:8px 3px 10px -5px #182f2b66}.monitor-stand:after{height:17px;bottom:-9px;width:137px;box-shadow:0 5px 0 #b2ab79,0 8px 12px #233d3438}.sample-caption{top:calc(51% + 221px);z-index:13;font-size:7px;opacity:.65}.orbit-status{bottom:1px}
.service-slot{--rest-y:0deg;--rest-x:0deg}.service-hit{--rest-y:inherit;--rest-x:inherit}.spin{transform:rotateX(var(--rest-x)) rotateY(var(--rest-y))}.service-idle:before{content:"";position:absolute;left:20%;right:10%;height:18px;bottom:7px;border-radius:50%;background:#52694330;filter:blur(10px);transform:translate(7px,2px);transition:opacity .5s,scale .5s;pointer-events:none}.service-slot:has(.active) .service-idle:before{opacity:.45;scale:.75}.face{background:linear-gradient(135deg,#fffef8,#f1efe3 65%,#e1dcc8)}.core{background:linear-gradient(100deg,#e9ddb7,#f3e8c6 24%,#c6b78f 65%,#988559)}
.platform{position:absolute;left:50%;top:calc(51% + 174px);width:580px;height:144px;transform:translateX(-50%);z-index:0;pointer-events:none}.tier{position:absolute;left:50%;transform:translateX(-50%);border-radius:50% / 24px;background:linear-gradient(90deg,#eee5d3,#fffdf7 25%,#eee5d0 71%,#d7cbb0);border:1px solid #e6dcc6;box-shadow:inset 0 -2px 3px #d5cbb4}.tier i{position:absolute;left:-1px;right:-1px;top:-1px;height:47px;border:1px solid #fffef9;border-radius:50%;background:radial-gradient(ellipse at 42% 40%,#fefcf3,#f2ebdc 74%,#e5dbc5)}.tier-bottom{top:71px;width:800px;height:66px;box-shadow:inset 0 -2px 3px #d5cbb4,15px 22px 24px -15px #5e6b4c55}.tier-bottom i{height:50px}.tier-middle{top:38px;width:680px;height:61px}.tier-top{top:0;width:548px;height:65px}.contact-shadow{position:absolute;left:39%;right:30%;top:12px;height:20px;border-radius:50%;background:#123d2f55;filter:blur(9px);z-index:2}.platform-glow{position:absolute;left:21%;right:20%;top:28px;height:29px;border-bottom:3px solid #a4d6a369;border-radius:50%;filter:blur(1px);z-index:2}
@keyframes turn{from{transform:rotateX(var(--rest-x)) rotateY(var(--rest-y))}to{transform:rotateX(var(--rest-x)) rotateY(calc(var(--rest-y) + 360deg))}}
@media(prefers-reduced-motion:reduce){.monitor-tilt{transform:rotateX(var(--mx)) rotateY(var(--my))}}
@media(min-width:720px) and (max-width:1000px){.scene{height:700px}.platform{scale:.8;transform:translateX(-62.5%);top:calc(51% + 143px)}.sample-caption{top:calc(51% + 194px)}}
@media(max-width:719px){.scene{height:355px}.monitor-position{top:40%}.platform{width:300px;height:90px;top:calc(40% + 133px)}.tier-top{width:225px;height:36px}.tier-top i{height:23px}.tier-middle{width:275px;height:36px;top:21px}.tier-middle i{height:25px}.tier-bottom{width:321px;height:37px;top:42px}.tier-bottom i{height:26px}.contact-shadow{top:3px;height:12px;left:38%;right:28%}.platform-glow{top:11px;height:15px}.sample-caption{top:calc(40% + 185px);font-size:6px}.monitor-stand{height:40px}.monitor-position .monitor-tilt{scale:.83}.mobile-services{padding-top:37px}.mobile-services .service-slot{--rest-y:0deg;--rest-x:0deg}.orbit-status{bottom:0;font-size:6px}}
.orbit-front{filter:blur(.22px)}
@media(max-width:719px){.scene-wrap{overflow:visible}.orbit-canvas{height:calc(100% + 65px)}}
@media(max-width:719px){.monitor-aura{inset:-8px}}