.jbo-landing{position:relative;overflow:hidden;padding:clamp(24px,4vw,62px) clamp(22px,8vw,150px);background:radial-gradient(circle at 86% 23%,#c9e5ff 0,transparent 27%),radial-gradient(circle at 6% 80%,#dff3ff 0,transparent 23%),linear-gradient(125deg,#fbfdff 4%,#eef6ff 56%,#e3edff);color:#0d2853;isolation:isolate}.landing-grid{position:absolute;inset:0;z-index:-1;opacity:.58;background-image:linear-gradient(#3776ce16 1px,transparent 0),linear-gradient(90deg,#3776ce16 1px,transparent 0);background-size:64px 64px;mask-image:linear-gradient(180deg,black,transparent 89%)}.landing-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.landing-logo{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border:1px solid #b8d6ff;border-radius:50%;background:radial-gradient(circle at 31% 25%,#1c5fbc,#071a43 70%);box-shadow:0 18px 40px #1157a34a,0 0 0 9px #ffffff52;color:#fff;font:800 19px/1 Manrope,sans-serif;letter-spacing:-.08em}.landing-logo i{margin-left:2px;color:#58e6f8;font-style:normal}.landing-header>p{margin:0;color:#2678e1;font:800 10px/1.2 DM Mono,monospace;letter-spacing:.18em}.landing-header-link{justify-self:end;padding:12px 17px;border:1px solid #bdd8ff;border-radius:999px;background:#ffffffa8;color:#1962b7;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 10px 30px #215ea315}.landing-header-link:hover{transform:translateY(-2px);box-shadow:0 14px 34px #215ea32b}.landing-header-link b{margin-left:6px;font-size:16px}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);align-items:center;min-height:clamp(460px,62vh,680px);gap:30px}.landing-copy{max-width:690px}.landing-kicker{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#2678e1;font:800 12px DM Mono,monospace;letter-spacing:.16em}.landing-kicker i{width:10px;height:10px;border-radius:50%;background:#2bd8ed;box-shadow:0 0 0 7px #2bd8ed26}.landing-copy h1{margin:0;font:800 clamp(58px,7.3vw,122px)/.88 Manrope,sans-serif;letter-spacing:-.09em}.landing-copy h1 em{display:block;background:linear-gradient(115deg,#2380ff,#0753b8);background-clip:text;color:transparent;font-style:normal}.landing-intro{max-width:570px;margin:30px 0;color:#5f7698;font-size:clamp(16px,1.45vw,21px);line-height:1.55}.landing-steps{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.landing-steps span{padding:10px 14px;border:1px solid #cce1ff;border-radius:999px;background:#ffffffc7;color:#315d96;font-size:12px;font-weight:800;box-shadow:0 8px 22px #18569a0d}.landing-steps b{margin-right:7px;color:#1674e8;font-family:DM Mono,monospace}.landing-steps>i{color:#2d82df;font-style:normal}.landing-orbit{position:relative;width:min(46vw,570px);height:min(46vw,570px);min-width:400px;min-height:400px;margin:auto;transform-style:preserve-3d;perspective:900px}.landing-sphere{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:clamp(175px,17vw,270px);height:clamp(175px,17vw,270px);border-radius:50%;transform:translate(-50%,-50%) translateZ(45px);background:radial-gradient(circle at 34% 24%,#54c9ff 0 4%,#197ee0 17%,#0d4ca6 44%,#061945 77%);box-shadow:inset -22px -30px 55px #020e2e9c,inset 18px 18px 34px #90e5ff47,0 40px 55px #0c4a9b5c;color:#fff;text-align:center;animation:sphereFloat 7s ease-in-out infinite}.landing-sphere:after{position:absolute;inset:12%;border:1px solid #9edfff70;border-radius:50%;transform:rotate(-31deg);content:""}.landing-sphere strong{z-index:1;align-self:end;margin-bottom:2px;font-size:clamp(42px,5vw,70px);letter-spacing:-.12em}.landing-sphere small{z-index:1;align-self:start;color:#a9effd;font:700 10px DM Mono,monospace;letter-spacing:.14em}.orbit-ring{position:absolute;top:50%;left:50%;border:1px solid #388af772;border-radius:50%;transform:translate(-50%,-50%) rotateX(63deg) rotate(-20deg)}.orbit-one{width:87%;height:49%;animation:orbitTilt 10s linear infinite}.orbit-two{width:104%;height:62%;border-style:dashed;opacity:.55;transform:translate(-50%,-50%) rotateX(68deg) rotate(29deg);animation:orbitTiltReverse 13s linear infinite}.orbit-line{position:absolute;top:18%;left:27%;width:72%;height:72%;border:1px solid #408cf73b;border-radius:30% 57% 48% 56%;transform:rotate(38deg)}.orbit-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#2bdaed;box-shadow:0 0 0 8px #2bdaed22}.dot-one{top:17%;right:33%}.dot-two{right:9%;bottom:29%}.dot-three{bottom:18%;left:27%;background:#2b86ff}.orbit-card{position:absolute;display:flex;gap:8px;align-items:center;padding:11px 14px;border:1px solid #d6e7ff;border-radius:999px;background:#ffffffdb;box-shadow:0 16px 26px #1d5da52b;color:#164b86;backdrop-filter:blur(7px);font-size:12px;font-weight:800;transform:translateZ(30px);animation:cardFloat 5s ease-in-out infinite}.orbit-card b{color:#287ce7;font-family:DM Mono,monospace}.card-one{top:15%;right:3%}.card-two{right:-1%;bottom:18%;animation-delay:-1.7s}.card-three{bottom:6%;left:5%;animation-delay:-3s}.landing-access{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1200px;margin:0 auto 30px}.access-card{position:relative;display:flex;min-height:286px;flex-direction:column;align-items:flex-start;padding:clamp(28px,4vw,47px);overflow:hidden;border:1px solid #c9ddfa;border-radius:30px;text-decoration:none;transition:transform .32s ease,box-shadow .32s ease}.access-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 28px 46px #164a8830}.access-card:after{position:absolute;right:-65px;bottom:-100px;width:240px;height:240px;border:1px solid;border-radius:50%;opacity:.13;content:""}.access-client{background:linear-gradient(130deg,#fff,#f1f8ff);color:#173966}.access-admin{background:linear-gradient(135deg,#081e4e,#1468bf);color:#fff;box-shadow:0 20px 40px #0d4b9b3b}.access-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#e3f1ff;color:#287ce7;font-size:26px;box-shadow:inset 0 1px #fff}.access-admin .access-icon{background:#ffffff25;color:#aaf0ff}.access-card p{margin:24px 0 10px;color:#287ce7;font:800 11px DM Mono,monospace;letter-spacing:.16em}.access-admin p{color:#aaf0ff}.access-card h2{margin:0;font-size:clamp(29px,3vw,43px);line-height:.98;letter-spacing:-.075em}.access-card small{max-width:440px;margin:16px 0 23px;color:#6c84a6;font-size:14px;line-height:1.45}.access-admin small{color:#c6e3ff}.access-card>b{margin-top:auto;border-bottom:1px solid;padding-bottom:4px;font-size:15px}.access-card b i{margin-left:8px;font-size:20px;font-style:normal}.landing-footer{display:flex;justify-content:space-between;max-width:1200px;margin:auto;color:#7288a8;font:10px DM Mono,monospace;letter-spacing:.07em}@keyframes sphereFloat{50%{transform:translate(-50%,-54%) translateZ(58px) rotateY(12deg)}}@keyframes orbitTilt{to{transform:translate(-50%,-50%) rotateX(63deg) rotate(340deg)}}@keyframes orbitTiltReverse{to{transform:translate(-50%,-50%) rotateX(68deg) rotate(-331deg)}}@keyframes cardFloat{50%{transform:translateZ(55px) translateY(-8px)}}@media(max-width:850px){.jbo-landing{padding:25px}.landing-header{grid-template-columns:1fr auto}.landing-header>p{display:none}.landing-hero{grid-template-columns:1fr;min-height:auto;padding:78px 0 52px}.landing-orbit{width:min(86vw,510px);height:min(86vw,510px)}.landing-copy h1{font-size:clamp(58px,13vw,100px)}.landing-access{grid-template-columns:1fr}.access-card{min-height:250px}}@media(max-width:500px){.landing-header-link{padding:10px;font-size:10px}.landing-logo{width:61px;height:61px;font-size:16px}.landing-copy h1{font-size:57px}.landing-orbit{min-width:280px;min-height:280px}.orbit-card{padding:8px 10px;font-size:10px}.landing-steps>i{display:none}.landing-footer{gap:12px;flex-direction:column}.access-card{border-radius:23px}}.jbo-landing{min-height:100svh;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y proximity}.landing-screen{position:relative;isolation:isolate;box-sizing:border-box;min-height:100svh;padding:clamp(24px,3.2vw,56px) clamp(22px,7.8vw,150px);scroll-snap-align:start;scroll-snap-stop:always}.landing-screen>.landing-grid{z-index:-1}.landing-screen--hero{display:flex;flex-direction:column}.landing-screen--hero .landing-hero{flex:1;min-height:0}.landing-scroll-cue{position:absolute;bottom:clamp(20px,3vw,44px);left:50%;z-index:2;display:inline-flex;align-items:center;gap:10px;transform:translateX(-50%);color:#215eab;font-size:12px;font-weight:800;text-decoration:none}.landing-scroll-cue span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #bedcff;border-radius:50%;background:#fff;box-shadow:0 8px 20px #2564ae1b;font-size:16px}.landing-screen--access{display:flex;align-items:center;background:linear-gradient(180deg,#eef8ff,#f8fcff)}.landing-access-wrap{width:min(1180px,100%);margin:auto}.landing-access-heading{text-align:center}.landing-access-heading p{margin:0 0 10px;color:#287be0;font:700 11px DM Mono,monospace;letter-spacing:.16em}.landing-access-heading h2{margin:0;color:#102d5d;font-size:clamp(30px,4vw,52px);letter-spacing:-.06em}.landing-access-heading span{display:block;margin-top:9px;color:#7088aa;font-size:14px}.landing-screen--access .landing-access{margin-top:clamp(28px,4vh,52px)}.landing-screen--access .landing-footer{margin-top:clamp(24px,4vh,48px)}@media(max-width:760px){.landing-screen{min-height:100svh;padding:24px 20px}.landing-screen--hero .landing-hero{min-height:560px}.landing-screen--access{align-items:flex-start;padding-top:64px;padding-bottom:48px}.landing-screen--access .landing-access{margin-top:28px}.landing-scroll-cue{bottom:18px}.landing-access-heading span{font-size:13px}}.jbo-landing{padding:0}.access-card h2,.access-card h3{margin:0;font-size:clamp(29px,3vw,43px);line-height:.98;letter-spacing:-.075em}.landing-sphere:after,.orbit-line,.orbit-ring{display:none!important}.landing-sphere,.orbit-card{animation:none!important}@media (prefers-reduced-motion:no-preference){.landing-sphere{will-change:transform;transform-style:preserve-3d;animation:landingSphereDrift 8s cubic-bezier(.45,.05,.55,.95) infinite!important}.orbit-card{will-change:transform;animation:landingAnnotationDrift 5.8s ease-in-out infinite!important}.orbit-card.card-two{animation-delay:-1.9s!important}.orbit-card.card-three{animation-delay:-3.8s!important}}@keyframes landingSphereDrift{0%,to{transform:translate(-50%,-50%) translateZ(34px) rotateY(-5deg) rotateX(1deg)}50%{transform:translate(-50%,-50%) translate3d(0,-13px,58px) rotateY(7deg) rotateX(-2deg)}}@keyframes landingAnnotationDrift{0%,to{transform:translateZ(24px)}50%{transform:translate3d(0,-7px,42px)}}