.jmb-universe-intro {position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#091524;color:#f2f7fc;font-family:'Century Gothic',CenturyGothic,sans-serif;isolation:isolate;}
.jmb-universe-intro::backdrop {background:#091524;}
.jmb-intro-playing {overflow:hidden;}
.intro-ambient {position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 35%,rgba(var(--jmb-accent-rgb,30,144,255),.17),transparent 50%),radial-gradient(ellipse at 85% 65%,#dc143c0e,transparent 50%),linear-gradient(#071424c9,#071424d9),url('login-landscape.webp') center/cover;}
.intro-top {position:absolute;left:40px;right:40px;top:25px;display:flex;align-items:center;gap:20px;z-index:8;}
.intro-small-brand img {width:48px;height:48px;border-radius:13px;object-fit:contain;}
.intro-top>span {font-size:11px;letter-spacing:.03em;color:#b8cbde;}
.intro-top .intro-skip {margin-left:auto;border:1px solid #c0d9f52b;border-radius:12px;background:#ffffff08;color:#dceaf8;font:inherit;font-size:22px;line-height:1;padding:0;width:40px;height:40px;min-height:40px;display:grid;place-items:center;cursor:pointer;}
.intro-top .intro-skip:hover {border-color:var(--jmb-accent,#58b7ff);background:#ffffff12;transform:translateY(-1px)}
.intro-logo-core {position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:2;transition:transform 1.3s,opacity .8s;}
.intro-logo-core img {width:130px;height:130px;border-radius:30px;box-shadow:0 25px 60px #0003;}
.intro-scene {position:absolute;left:50%;top:40%;width:min(650px,90vw);height:310px;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .8s,transform 1s;}
.intro-service {position:absolute;left:calc(50% - 49px);top:calc(50% - 54px);width:98px;height:108px;border:1px solid #a6d8ff25;border-radius:19px;background:#c4e0ff09;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;opacity:0;box-shadow:inset 0 1px 0 #ffffff12;}
.intro-service img {width:39px;height:39px;object-fit:contain;}.intro-service strong {font-size:10px;}
.jmb-universe-intro[data-scene="0"] .intro-subscriptions {opacity:1;}
.jmb-universe-intro[data-scene="0"] .intro-service {animation:intro-service-arrive 1.2s calc(.15s + var(--intro-i)*.16s) cubic-bezier(.16,1,.3,1) forwards;}
.intro-service:nth-child(1) {--intro-x:-225px;--intro-y:-65px;--intro-rotate:-8deg;}.intro-service:nth-child(2) {--intro-x:0px;--intro-y:-155px;--intro-rotate:0deg;}.intro-service:nth-child(3) {--intro-x:225px;--intro-y:-65px;--intro-rotate:8deg;}.intro-service:nth-child(4) {--intro-x:-190px;--intro-y:85px;--intro-rotate:-5deg;}.intro-service:nth-child(5) {--intro-x:0px;--intro-y:130px;--intro-rotate:0deg;}.intro-service:nth-child(6) {--intro-x:190px;--intro-y:85px;--intro-rotate:5deg;}
@keyframes intro-service-arrive {from{opacity:0;transform:translate(0,0) scale(.3) rotate(0);}to{opacity:1;transform:translate(var(--intro-x),var(--intro-y)) scale(1) rotate(var(--intro-rotate));}}
.jmb-universe-intro[data-scene="1"] .intro-logo-core,.jmb-universe-intro[data-scene="2"] .intro-logo-core {transform:translate(-50%,-50%) scale(.3);opacity:0;}
.intro-browser {width:410px;max-width:80vw;border:1px solid #b9dcff33;background:#b9dcff0a;border-radius:19px;overflow:hidden;margin:25px auto;box-shadow:0 25px 70px #0003;transform:perspective(800px) rotateY(-12deg) rotateX(5deg);}
.intro-browser-bar {display:flex;gap:5px;align-items:center;padding:14px;border-bottom:1px solid #ffffff14;}.intro-browser-bar>i {width:6px;height:6px;background:#ffffff42;border-radius:50%;}.intro-browser-bar>span {font-size:10px;color:#b4ccdf;margin-left:auto;}
.intro-browser-content {display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px;height:190px;}.intro-browser-content>div:first-child {display:flex;flex-direction:column;gap:14px;justify-content:center;}.intro-browser-content b {display:block;height:7px;background:#d6eaff3d;border-radius:4px;}.intro-browser-content b:nth-child(2) {width:70%;}.intro-browser-content b:last-child {width:45%;height:23px;background:var(--jmb-accent,#55acfb);opacity:.8;}.intro-browser-content>div:last-child {display:grid;grid-template-columns:1fr 1fr;gap:10px;}.intro-browser-content span {border:1px solid #abd4ff2b;border-radius:10px;background:#8bc2ff0c;}.intro-browser-content span:first-child {grid-column:span 2;background:rgba(var(--jmb-accent-rgb,30,144,255),.17);}
.intro-development-tag {display:block;text-align:center;font-size:11px;color:#b9d7ee;}
.jmb-universe-intro[data-scene="1"] .intro-development {opacity:1;animation:intro-scene-arrive 1.1s both;}
.intro-design-poster {position:absolute;left:25%;top:5px;width:220px;height:270px;border-radius:15px;background:#eaf5ff;color:#0d263c;transform:rotate(-8deg);padding:27px;overflow:hidden;box-shadow:0 22px 45px #0002;}.intro-design-poster>span {font-size:25px;line-height:1.3;position:relative;z-index:2;}.intro-design-poster strong {color:var(--jmb-accent,#1e90ff);}.intro-design-poster>i {position:absolute;width:180px;height:180px;border-radius:50%;background:linear-gradient(145deg,var(--jmb-accent,#1e90ff),color-mix(in srgb,var(--jmb-accent) 65%,black));bottom:-70px;right:-35px;}.intro-design-swatches {position:absolute;left:58%;top:120px;display:flex;flex-direction:column;gap:10px;transform:rotate(9deg);}.intro-design-swatches i {display:block;width:100px;height:42px;background:#fff;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 7px 20px #0002;}.intro-design-swatches i:nth-child(2){background:var(--jmb-accent,dodgerblue);}.intro-design-swatches i:nth-child(3){background:crimson;}
.jmb-universe-intro[data-scene="2"] .intro-design {opacity:1;animation:intro-scene-arrive 1.1s both;}
@keyframes intro-scene-arrive {from{transform:translate(-50%,-40%) scale(.75);opacity:0;}to{transform:translate(-50%,-50%) scale(1);opacity:1;}}
.jmb-universe-intro[data-scene="3"] .intro-logo-core {transform:translate(-50%,-50%) scale(1.25);}
.intro-copy {position:absolute;left:20px;right:20px;bottom:100px;text-align:center;}.intro-step {display:block;color:var(--jmb-accent,#6ec0ff);font-size:10px;letter-spacing:.15em;margin-bottom:14px;}.intro-copy h1 {font-size:clamp(25px,3.2vw,39px);letter-spacing:-.04em;line-height:1.2;color:#f2f7fc;margin:0;}.intro-copy p {font-size:12px;color:#b9cddd;margin:15px auto 0;line-height:1.7;}
.intro-bottom {position:absolute;left:40px;right:40px;bottom:24px;display:grid;grid-template-columns:1fr 150px 25px;align-items:center;gap:25px;}.intro-chapters {display:flex;gap:25px;font-size:10px;color:#abc3d7;}.intro-progress {height:3px;background:#ffffff20;border-radius:5px;overflow:hidden;}.intro-progress i {display:block;width:100%;height:100%;background:var(--jmb-accent,#5eb9ff);transform:scaleX(var(--intro-progress,0));transform-origin:left;}.intro-countdown {font-size:10px;color:#abc3d7;text-align:right;}.intro-replay {border:0;background:transparent;color:var(--jmb-accent,var(--blue));padding:0;font:inherit;font-size:10px;cursor:pointer;}
@media(max-width:700px){.intro-top {left:20px;right:20px;top:20px;gap:12px;}.intro-top>span {display:none;}.intro-top .intro-skip {font-size:10px;padding:10px 12px;}.intro-logo-core {top:38%;}.intro-logo-core img {width:92px;height:92px;border-radius:23px;}.intro-scene {top:38%;height:290px;}.intro-service {width:77px;height:88px;left:calc(50% - 38px);top:calc(50% - 44px);border-radius:15px;gap:9px;}.intro-service img {width:31px;height:31px;}.intro-service strong {font-size:8px;}.intro-service:nth-child(1){--intro-x:-110px;--intro-y:-70px;}.intro-service:nth-child(2){--intro-x:0px;--intro-y:-140px;}.intro-service:nth-child(3){--intro-x:110px;--intro-y:-70px;}.intro-service:nth-child(4){--intro-x:-105px;--intro-y:65px;}.intro-service:nth-child(5){--intro-x:0px;--intro-y:125px;}.intro-service:nth-child(6){--intro-x:105px;--intro-y:65px;}.intro-copy {bottom:110px;}.intro-copy h1 {font-size:28px;}.intro-copy p {max-width:315px;font-size:11px;}.intro-bottom {left:20px;right:20px;grid-template-columns:1fr 25px;gap:15px;}.intro-chapters {grid-column:1/-1;gap:16px;justify-content:center;font-size:9px;}.intro-browser {width:310px;}.intro-design-poster {left:14%;width:190px;height:250px;}.intro-design-swatches {left:64%;}.intro-design-swatches i {width:75px;height:38px;}}
@media(max-height:650px) and (min-width:701px){.intro-scene {transform:translate(-50%,-50%) scale(.7);top:38%;}.intro-logo-core {top:38%;}.intro-logo-core img {width:100px;height:100px;}.intro-copy {bottom:80px;}.intro-copy h1 {font-size:29px;}.intro-copy p {margin-top:10px;font-size:11px;}.intro-top {top:15px;}.intro-top .intro-small-brand img {width:38px;height:38px;}.intro-service {height:95px;width:90px;}}
@media(prefers-reduced-motion:reduce){.intro-scene,.intro-service,.intro-logo-core {animation:none!important;transition:none!important;}.intro-service {opacity:1;transform:translate(var(--intro-x),var(--intro-y));}.intro-development,.intro-design {display:none;}}
.intro-scene {visibility:hidden;}
.jmb-universe-intro[data-scene="0"] .intro-subscriptions,.jmb-universe-intro[data-scene="1"] .intro-development,.jmb-universe-intro[data-scene="2"] .intro-design {visibility:visible;opacity:1!important;}

.intro-bottom{grid-template-columns:1fr 150px}@media(max-width:650px){.intro-bottom{grid-template-columns:1fr}.intro-chapters{gap:14px}}