/* Joined / Atelier — shared tokens and reusable components. */
:root{--jg-paper:#fafaf9;--jg-white:#fff;--jg-ink:#202022;--jg-copy:#626169;--jg-line:#e7e5e9;--jg-violet:#6657d9;--jg-tint:#efedf9;--jg-radius:24px;--jg-shadow:0 12px 40px #26203f06;--jg-bg:#fafaf9;--jg-surface:#fff;--jg-text:#202022;--jg-muted:#626169;--jg-accent:#6657d9;--jg-blue:#6657d9;--bg:#fafaf9;--panel:#fff;--text:#202022;--muted:#626169;--border:#e7e5e9;--blue:#6657d9;--green:#6657d9;color-scheme:light}
html:has(body.jg-experience),html:has(body.jg-game-view){color-scheme:light;background:var(--jg-paper)!important;scroll-padding-top:100px}
html body.jg-experience,html body.jg-game-view{color:var(--jg-ink)!important;background:var(--jg-paper)!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-weight:400;line-height:1.6}
body.jg-experience :is(.jg-cosmos,.jg-night-sky,.joinedHomeSky,.profileHomeSky,.jg-builder-horizon,.jg-ambient-scene),body.jg-experience:before,body.jg-experience:after{display:none!important}
body.jg-experience [hidden]{display:none!important}
body.jg-experience :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #8275e8!important;outline-offset:4px;box-shadow:none!important}
body.jg-experience ::selection{background:#ddd8fb;color:#221a56}
body.jg-experience :is(button,input,select,textarea){font:inherit}body.jg-experience button{touch-action:manipulation}
/* One compact header, shared by the product and legacy spaces. */
html body.jg-experience header.jg-header{pointer-events:auto!important;position:sticky!important;inset:0 0 auto!important;z-index:1000;background:#fafaf9fc!important;border:0!important;border-bottom:1px solid #e7e5e980!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:blur(18px);width:100%!important;padding:0!important;margin:0!important;height:auto!important}
.jg-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1360px;margin:auto;padding:0 32px;min-height:72px}
.jg-header-brand{display:flex;align-items:center;gap:10px;color:var(--jg-ink);flex-shrink:0}
.jg-header-mark{font-size:28px;font-weight:750;letter-spacing:-3px;line-height:1;width:29px}
.jg-header-name{font-size:17px;font-weight:650;letter-spacing:-.7px;white-space:nowrap}
.jg-header-links{display:flex;gap:8px;align-items:center}
.jg-header-links a{display:flex;align-items:center;gap:7px;padding:10px 15px;border-radius:100px;font-size:13px;font-weight:550;min-height:44px;color:var(--jg-copy);transition:background .2s,color .2s}
.jg-header-links a:hover,.jg-header-links a[aria-current=page]{background:#edebf1;color:var(--jg-ink)}
.jg-header-links a[href='/studio.html']{background:var(--jg-ink);color:white;box-shadow:inset 0 1px #ffffff20}
.jg-icon{display:block;width:20px;height:20px;flex-shrink:0}
.jg-header-tools{display:flex;gap:6px;align-items:center;min-width:0}
.jg-header-account{display:flex;align-items:center;gap:7px;padding:0 17px;min-height:44px;border-radius:100px;color:white;background:var(--jg-ink);font-size:12px;font-weight:550;max-width:170px;white-space:nowrap}
.jg-header-account>span{overflow:hidden;text-overflow:ellipsis}
.jg-header-account.is-connected{background:#eeecf5;color:var(--jg-ink);padding-left:8px}
.jg-header-avatar{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:#e0daf4;color:var(--jg-violet);font-size:11px}
html body.jg-experience .jg-header :is(.jg-world,.jg-header-more>summary){display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:0!important;border-radius:50%!important;color:var(--jg-ink)!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;list-style:none;cursor:pointer;transition:background .2s}
html body.jg-experience .jg-header :is(.jg-world,.jg-header-more>summary):hover{background:#edebf1!important}
.jg-header-more{position:relative;margin:0}
.jg-header-more>summary::-webkit-details-marker{display:none}
.jg-header-more:not([open])>.jg-header-menu{display:none}
.jg-header-menu{position:absolute;top:54px;right:0;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow:auto;background:white;border:1px solid var(--jg-line);border-radius:24px;padding:20px;box-shadow:0 20px 70px #21182f15;color:var(--jg-ink);overscroll-behavior:contain}
.jg-header-menu-title{padding:4px 10px 20px}.jg-header-menu-title strong{display:block;font-size:20px;letter-spacing:-.6px}.jg-header-menu-title small{display:block;font-size:12px;color:var(--jg-copy);margin-top:3px}
.jg-header-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.jg-header-menu a{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px;border-radius:12px;color:var(--jg-ink);font-size:12px;line-height:1.4}
.jg-header-menu a:hover,.jg-header-menu a[aria-current=page]{background:var(--jg-tint);color:var(--jg-violet)}
.jg-header-menu a[href='/studio.html']{color:var(--jg-violet);background:var(--jg-tint);font-weight:650}
.jg-menu-backdrop{position:fixed;inset:64px 0 0;background:#16121f26;backdrop-filter:blur(4px);z-index:999}
html body.jg-experience .joinedLangMenu{background:white!important;color:var(--jg-ink)!important;border:1px solid var(--jg-line)!important;box-shadow:0 20px 70px #21182f15!important;border-radius:18px!important;top:52px!important}
html body.jg-experience .joinedLangMenu button{color:var(--jg-ink)!important;min-height:44px;font-size:14px!important;font-weight:500!important}
html body.jg-experience .joinedLangMenu button.active,html body.jg-experience .joinedLangMenu button:hover{background:var(--jg-tint)!important;color:var(--jg-violet)!important;box-shadow:none!important}
@media(max-width:900px){.jg-header-inner{min-height:64px;padding:0 20px;gap:12px}.jg-header-links{display:none}.jg-header-menu{position:fixed;top:74px;right:16px;width:390px;max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));animation:jg-menu-enter .2s ease-out}.jg-header-name{font-size:16px}}
@media(max-width:420px){.jg-header-inner{padding:0 16px;gap:8px}.jg-header-brand{gap:7px}.jg-header-name{font-size:14px}.jg-header-account{padding:0 12px;max-width:105px;font-size:11px}.jg-header-tools{gap:2px}.jg-header-mark{font-size:26px;width:25px}}
@media(max-width:350px){.jg-header-name{font-size:12px}.jg-header-inner{padding:0 12px;gap:4px}}
@keyframes jg-menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

html body.jg-experience .jg-footer{background:none!important;border-color:var(--jg-line)!important;color:#77737b!important;max-width:1280px;padding:32px 40px}
html body.jg-experience .jg-footer a{color:#615c68!important}
/* Reusable controls, surfaces and workspace components. */
html body.jg-experience .jg-button,body.jg-experience .jg-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:12px 21px;border:1px solid #e3e0e7!important;border-radius:13px!important;background:#fff!important;color:#29252f!important;font-size:13px!important;font-weight:600!important;box-shadow:0 2px 3px #1e173303!important;line-height:1.4;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}
html body.jg-experience .jg-button:hover,body.jg-experience .jg-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #21162a0d!important}
html body.jg-experience .jg-button.primary,body.jg-experience .jg-cta{background:#29282c!important;color:#fff!important;border-color:#29282c!important}
html body.jg-experience .jg-button.blue{background:#6657d9!important;color:#fff!important;border-color:#6657d9!important}
html body.jg-experience .jg-button:disabled,body.jg-experience button:disabled{opacity:.5;cursor:not-allowed;transform:none}
html body.jg-experience :is(.jg-panel,.jg-row,.jg-stat,.jg-quality-card,.jg-project-tile,.jg-subscription,.jg-billing-account,.jg-pass-details,.jg-revenue-policy,.jg-capacity,.jg-pricing-notice,.jg-offer-promise,.jg-pricing-faq details){background:#fff!important;border:1px solid var(--jg-line)!important;border-radius:20px!important;color:var(--jg-ink)!important;box-shadow:var(--jg-shadow)!important}
html body.jg-experience :is(.jg-heading h1,.jg-editor-top h1,.jg-studio-workspace h1,.jg-create-hero h1,.jg-pricing-launch h1,.jg-offer-title h2,.jg-quality-heading h2){color:#242226!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;letter-spacing:-1.8px!important}
html body.jg-experience :is(.jg-heading p,.jg-legend,.jg-muted,.jg-quality-card p,.jg-quality-card li,.jg-offer-benefits,.jg-offer-title p,.jg-pricing-launch p,.jg-pricing-notice p,.jg-row small,.jg-stat span,.jg-create-note,.jg-tools-platform-note){color:#6a6571!important}
html body.jg-experience :is(.jg-eyebrow,.jg-chip,.jg-quality-pass,.jg-badge){color:#695da1!important;background:#f3f0fb!important;border-color:#e7e1f7!important;box-shadow:none!important}
html body.jg-experience :is(.jg-input,.jg-create-idea,.jg-tools-fields select,.jg-game-tools select,.jg-chat,.jg-editor){background:#fbfafc!important;color:#26232c!important;border:1px solid #dfdbe5!important;border-radius:12px!important;box-shadow:none!important;font-size:14px!important}
html body.jg-experience :is(.jg-input,.jg-create-idea,.jg-chat)::placeholder{color:#706678!important}
html body.jg-experience :is(.jg-field>span,.jg-check,.jg-tools-features,.jg-tools-feedback){color:#625c69!important}
html body.jg-experience :is(.jg-create-nav,.jg-editor-tabs,.jg-preview-tools,.jg-editor-quality,.jg-game-tools){background:#f3f1f5!important;border:1px solid var(--jg-line)!important;box-shadow:none!important;color:#433c4b!important;border-radius:14px!important}
html body.jg-experience :is(.jg-create-nav a,.jg-editor-tabs a,.jg-preview-tools button,.jg-game-tools summary){color:#625c6c!important;background:transparent!important;font-size:13px!important}
html body.jg-experience :is(.jg-create-nav a.active,.jg-editor-tabs a.active,.jg-preview-tools button[aria-pressed=true]){background:white!important;color:#514390!important;box-shadow:0 2px 8px #25133108!important}
html body.jg-experience .jg-quality-card.selected{border-color:#9c8de8!important;background:#f8f6ff!important}
html body.jg-experience .jg-empty{background:#f5f3f8!important;color:#716878!important;border:1px dashed #d7d0e1!important}
html body.jg-experience .jg-status{background:#f0edf9!important;color:#514079!important;border:1px solid #dfd6f2!important}.jg-experience .jg-status.error{background:#fff0f0!important;color:#a43345!important}
html body.jg-experience .jg-preview{border:1px solid var(--jg-line)!important;background:#f3f1f8!important;border-radius:18px!important;box-shadow:none!important}
html body.jg-experience .jg-auth-gate{background:radial-gradient(ellipse at 50% 0,#efe9ff,transparent 65%),white!important;border-color:#e8e2f2!important}
html body.jg-experience .jg-auth-gate h1{color:#29252e!important}.jg-experience .jg-auth-gate p{color:#756b7e!important}
html body.jg-experience .jg-auth-icon{background:#f2eefb!important;color:#7662c4!important;border-color:#e8e0f7!important}
/* New editorial homepage. */
.jg-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.jg-home-minimal .jg-premium-hero{padding-top:85px;padding-bottom:45px}
body.jg-experience .jg-home-minimal .jg-premium-hero h1{margin:0 0 38px;font-size:clamp(42px,5.4vw,72px);letter-spacing:-3.4px}
.jg-home-minimal .jg-composer-group{max-width:720px}
.jg-home-minimal .jg-idea-composer{padding:20px 22px}
.jg-home-minimal .jg-idea-input{min-height:100px}
.jg-home-minimal .jg-story-section{padding-top:55px;padding-bottom:55px}
.jg-home-minimal .jg-story-heading{margin-bottom:28px;text-align:left;max-width:none}
.jg-home-minimal .jg-story-heading h2{font-size:clamp(26px,3vw,36px);letter-spacing:-1.2px;margin:0}
.jg-home-minimal .jg-demo-chat{justify-content:center}
.jg-home-minimal .jg-demo-screen{width:100%;aspect-ratio:16/7;max-height:420px;min-height:0}
.jg-home-minimal .jg-demo-screen canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jg-home-minimal .jg-window-bar{min-height:50px;padding:12px 20px;font-size:12px}
.jg-home-minimal .jg-window-bar .jg-demo-prompt{letter-spacing:0;color:var(--jg-ink);font-weight:550}
.jg-home-minimal .jg-demo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px;border-top:1px solid var(--jg-line)}
.jg-home-minimal .jg-demo-steps button{justify-content:center;min-height:44px;font-size:13px;padding:8px}
.jg-home-minimal .jg-demo-steps button span:first-child{font-size:inherit;color:inherit}
.jg-home-minimal .jg-demo-steps button[aria-pressed=true]{background:var(--jg-tint);color:var(--jg-violet)}
.jg-home-minimal .jg-game-tile{background:transparent;border:0;border-radius:0;box-shadow:none}
.jg-home-minimal .jg-game-preview{border-radius:16px;overflow:hidden}
.jg-home-minimal .jg-game-tile-copy{padding:14px 2px}
.jg-home-minimal .jg-game-tile-copy span{font-size:12px}
.jg-home-minimal .jg-game-tile-copy b{font-size:11px}
body.jg-experience .jg-home-promise{font-size:16px;line-height:1.6;color:var(--jg-copy)!important;max-width:570px;margin:-18px 0 30px}
.jg-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.jg-benefit{padding:22px;border-radius:22px;background:#f0edf9;min-width:0}
.jg-benefit:nth-child(2){background:#eaf1f6}.jg-benefit:nth-child(3){background:#f2efe7}
.jg-benefit h3{font-size:20px;letter-spacing:-.6px;line-height:1.2;margin:18px 0 10px}
.jg-benefit p{font-size:14px;line-height:1.7;margin:0;color:var(--jg-copy)}
.jg-benefit-art{position:relative;height:95px;display:flex;align-items:center;justify-content:center;gap:10px;isolation:isolate}
.jg-benefit-spark{font-size:30px;color:var(--jg-violet)}
.jg-benefit-message{padding:12px 15px;border-radius:14px 14px 3px 14px;background:#fff;box-shadow:0 5px 24px #342a5210;font-size:13px;color:#514770;transform:rotate(-4deg)}
.jg-benefit-response{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--jg-violet);color:white;font-size:19px;transform:translateY(14px)}
.jg-benefit-version{display:grid;place-items:center;width:65px;height:65px;border:1px solid #d6dee7;background:#ffffffa0;border-radius:16px;font-size:17px;font-weight:550;color:#777f91;transform:rotate(-10deg)}
.jg-benefit-version:nth-child(2){transform:translateY(-10px) rotate(-2deg)}
.jg-benefit-version:nth-child(3){transform:rotate(9deg);color:var(--jg-violet);background:white;border-color:#c9c1ed;box-shadow:0 7px 24px #32275512}
.jg-benefit-brand{display:grid;place-items:center;width:67px;height:67px;border-radius:20px;background:var(--jg-ink);color:white;font-size:35px;font-weight:650;z-index:1}
.jg-benefit-play{position:absolute;left:calc(50% + 36px);top:10px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:white;color:var(--jg-violet);font-size:12px;box-shadow:0 4px 20px #30264d12;z-index:1}
.jg-benefit-orbit{position:absolute;width:155px;height:80px;border:1px solid #d5cfe0;border-radius:50%;transform:rotate(-15deg)}
.jg-starting-ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.jg-experience .jg-starting-idea{display:block;padding:0;text-align:left;background:white;color:var(--jg-ink);border:1px solid var(--jg-line);border-radius:22px;overflow:hidden;min-width:0;cursor:pointer;transition:transform .2s,box-shadow .2s}
body.jg-experience .jg-starting-idea:hover{transform:translateY(-4px);box-shadow:0 15px 35px #3025480a}
.jg-starting-idea-art{aspect-ratio:16/9;overflow:hidden;background:#141f32}
.jg-starting-idea-art img{display:block;width:100%;height:100%;object-fit:cover}
.jg-starting-idea-copy{padding:22px}
.jg-starting-idea-copy h3{font-size:22px;letter-spacing:-.6px;line-height:1.2;margin:0 0 10px}
.jg-starting-idea-copy p{font-size:13px;line-height:1.6;color:var(--jg-copy);margin:0 0 20px;min-height:42px}
.jg-idea-action{display:block;font-size:13px;color:var(--jg-violet)}
.jg-ideas-navigation{display:none}
.jg-home-start{max-width:1140px;margin:35px auto 0;padding:40px;background:linear-gradient(115deg,#f0edf9,#f0f3f7);border-radius:24px;display:grid;grid-template-columns:1fr auto;gap:12px 30px;align-items:center}
.jg-home-start h2{font-size:30px;letter-spacing:-1px;line-height:1.15;margin:0 0 12px}
.jg-home-start p{font-size:14px;line-height:1.6;color:var(--jg-copy);margin:0}
.jg-home-start small{grid-column:1/-1;color:var(--jg-copy);font-size:12px}
@media(max-width:900px){.jg-benefits{gap:12px}.jg-benefit{padding:18px}.jg-benefit h3{font-size:18px}.jg-benefit-art{transform:scale(.88)}.jg-home-start{margin:24px 28px 0}}
.jg-home-links{display:flex;justify-content:center;gap:36px;padding:32px 24px 65px;font-size:14px}
.jg-home-links a{color:var(--jg-copy);min-height:44px;display:flex;align-items:center}
.jg-home-links a:hover{color:var(--jg-violet)}
@media(max-width:700px){
 .jg-home-minimal .jg-premium-hero{padding-top:42px;padding-bottom:25px}
 body.jg-experience .jg-home-minimal .jg-premium-hero h1{font-size:42px;letter-spacing:-2px!important;margin:0 0 28px}
 .jg-home-minimal .jg-idea-composer{padding:16px}
 .jg-home-minimal .jg-story-section{padding:35px 20px}
 .jg-home-minimal .jg-story-heading{margin-bottom:22px}
 .jg-home-minimal .jg-story-heading h2{font-size:28px;letter-spacing:-1px}
 .jg-home-minimal .jg-demo-screen{aspect-ratio:16/10}
 .jg-home-minimal .jg-window-bar{padding:12px 14px;font-size:11px}
 .jg-home-minimal .jg-demo-steps{padding:8px;gap:4px}
 .jg-home-minimal .jg-demo-steps button{font-size:12px;padding:8px 4px}
 .jg-home-minimal .jg-game-tile-copy{gap:6px;padding:12px 1px}
 body.jg-experience .jg-home-promise{font-size:14px;max-width:300px;margin:-12px 0 24px}
 .jg-benefits{grid-template-columns:1fr;gap:12px;margin-top:18px}
 .jg-benefit{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:18px;padding:18px 16px}
 .jg-benefit-art{height:80px;transform:scale(.65);width:110px;margin-left:-20px}
 .jg-benefit h3{font-size:18px;margin:0 0 8px;letter-spacing:-.5px}
 .jg-benefit p{font-size:13px;line-height:1.65}
 .jg-benefit-version{width:45px;height:55px;font-size:15px;flex-shrink:0}
 .jg-benefit-message{font-size:12px;white-space:nowrap;padding:10px}
 .jg-benefit-spark{font-size:23px}.jg-benefit-response{width:25px;height:25px;flex-shrink:0}
 .jg-starting-ideas{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 15px;margin-right:-20px;scroll-padding-left:2px;overscroll-behavior-x:contain;scrollbar-width:none}
 .jg-starting-ideas::-webkit-scrollbar{display:none}
 body.jg-experience .jg-starting-idea{flex:0 0 78%;scroll-snap-align:start;border-radius:20px}
 .jg-starting-idea:last-child{margin-right:20px}
 .jg-starting-idea-copy{padding:19px}.jg-starting-idea-copy h3{font-size:21px;margin-bottom:10px}
 .jg-ideas-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;color:var(--jg-copy);font-size:12px}
 .jg-ideas-navigation>div{display:flex;align-items:center;gap:5px}
 body.jg-experience .jg-ideas-navigation button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--jg-line);border-radius:50%;background:white;color:var(--jg-ink);font-size:17px;padding:0;cursor:pointer}
 body.jg-experience .jg-ideas-navigation button:disabled{opacity:.35;cursor:default}
 .jg-ideas-count{font-size:12px;font-variant-numeric:tabular-nums;min-width:32px;text-align:center}
 .jg-home-start{margin:24px 20px 0;padding:27px 24px;grid-template-columns:1fr;gap:18px}
 .jg-home-start h2{font-size:27px}.jg-home-start p{font-size:13px}.jg-home-start .jg-cta{justify-self:start}
 .jg-home-links{gap:24px;font-size:13px;padding-bottom:35px}
}
html body.jg-experience main.jg-home-v2{max-width:none!important;width:100%;padding:0!important;margin:0!important;overflow:clip;background:var(--jg-paper)!important;color:#202022!important}
body.jg-experience .jg-home-v2 :is(h1,h2,h3,p){text-shadow:none;background:none;-webkit-text-fill-color:currentColor}
.jg-home-v2 h1,.jg-home-v2 h2,.jg-home-v2 h3{font-weight:650;line-height:1.08;color:var(--jg-ink)}
.jg-premium-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;padding:70px 24px 55px;min-height:0}
.jg-hero-halo{position:absolute;z-index:-1;inset:-80px -20% 0;background:radial-gradient(ellipse at 50% 28%,#e4def96b,transparent 57%),radial-gradient(ellipse at 72% 50%,#dbedfa50,transparent 38%);pointer-events:none;animation:jg-halo 14s ease-in-out infinite alternate}
@keyframes jg-halo{to{transform:translateY(20px) scale(1.05);opacity:.65}}
body.jg-experience .jg-overline{display:block;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:2px;color:#706678;text-transform:uppercase}
body.jg-experience .jg-premium-hero h1{font-size:clamp(44px,6.2vw,84px);font-weight:650;line-height:1.05;letter-spacing:-4.3px;max-width:1040px;margin:25px 0 20px;color:#202022!important}
.jg-premium-hero h1 span,.jg-premium-hero h1 em{display:block;font-style:normal}.jg-premium-hero h1 em{color:var(--jg-violet);letter-spacing:-3.9px}
body.jg-experience .jg-hero-lead{font-size:16px;line-height:1.7;color:#706678!important;margin:0 0 34px}
.jg-composer-group{width:min(100%,780px);text-align:left}
.jg-idea-composer{padding:20px;border:1px solid #e7e1ed;border-radius:26px;background:#fffffff2;box-shadow:0 12px 60px #66529108,0 2px 6px #34274103;transition:border-color .25s,box-shadow .25s}
.jg-idea-composer:focus-within{border-color:#b9a8e7;box-shadow:0 0 0 4px #8c72d90a,0 12px 60px #66529108}
body.jg-experience .jg-idea-input{width:100%;display:block;border:0;outline:0!important;box-shadow:none!important;border-radius:12px;background:transparent;color:#302b36;font-size:17px;line-height:1.6;padding:7px 0;min-height:112px;resize:vertical;max-height:280px}
.jg-idea-input::placeholder{color:#706678}.jg-idea-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}
.jg-idea-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:7px;width:min(100%,390px);min-width:0}.jg-ai-sign{display:grid;place-items:center;color:#706678;font-size:23px;width:35px;height:35px}
body.jg-experience .jg-idea-options select{width:100%;min-width:0;max-width:none;padding:8px 24px 8px 12px;min-height:39px;border:1px solid #ebe7f0;border-radius:10px;background:#fbfafc;color:#625867;font-size:12px}
body.jg-experience .jg-idea-toolbar .jg-cta{min-height:44px;font-size:12px!important;padding:12px 18px;border-radius:12px!important}
.jg-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:17px 0}
.jg-suggestions button{display:flex;align-items:center;gap:12px;padding:9px 14px;min-height:39px;border:1px solid #e7e2ec;border-radius:50px;background:#ffffff85;color:#756a7d;font-size:11px;cursor:pointer;transition:background .2s,transform .2s}
.jg-suggestions button:hover{transform:translateY(-2px);background:#fff}
body.jg-experience .jg-composer-group .jg-game-tools{width:100%;margin:12px 0!important;background:transparent!important;border:0!important}
body.jg-experience .jg-composer-group .jg-game-tools>summary{justify-content:center;padding:8px!important;min-height:30px!important;font-size:11px!important;color:#706678!important}.jg-composer-group .jg-game-tools>summary small{display:none}
body.jg-experience .jg-composer-note{text-align:center;font-size:10px!important;line-height:1.6!important;color:#706678!important;margin:12px 0 0}
.jg-hero-trust{display:flex;gap:25px;color:#706678;font-size:10px;margin-top:22px;flex-wrap:wrap;justify-content:center}
.jg-story-section{max-width:1220px;margin:0 auto;padding:80px 40px}
.jg-story-heading{max-width:720px;margin:0 auto 40px;text-align:center}.jg-story-heading h2{font-size:clamp(32px,4vw,49px);font-weight:620;line-height:1.1;letter-spacing:-2px;margin:17px 0 0}.jg-story-heading .jg-overline{color:#706678}
.jg-demo-window{border:1px solid #e6e0ec;border-radius:24px;overflow:hidden;background:white;box-shadow:0 24px 65px #4d3c6508}
.jg-window-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:14px 20px;border-bottom:1px solid #eee9f3;color:#706678;background:#fdfcfe;font-size:10px;line-height:1.4}
.jg-window-bar>span:first-child{letter-spacing:3px}.jg-demo-body{display:grid;grid-template-columns:.9fr 1.3fr;min-height:335px}
.jg-demo-chat{padding:30px;display:flex;flex-direction:column;align-items:start;gap:22px}.jg-demo-bubble{background:#f2eff8;border-radius:15px 15px 4px 15px;padding:14px 17px;font-size:13px;color:#62556c;align-self:flex-end}
.jg-demo-answer{display:flex;align-items:center;gap:8px}.jg-demo-answer h3{font-size:15px;font-weight:600;line-height:1.4;margin:0}
.jg-demo-steps{display:grid;gap:8px;width:100%}.jg-demo-steps button{display:flex;gap:13px;align-items:center;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:#706678;text-align:left;font-size:11px;cursor:pointer;transition:all .3s}.jg-demo-steps button span:first-child{font-size:9px;color:#706678}
.jg-demo-steps button[aria-pressed=true]{background:#f5f1fc;color:#705990}.jg-demo-screen{position:relative;align-self:stretch;background:#101c30;overflow:hidden}.jg-demo-screen canvas{width:100%;height:100%;object-fit:cover;display:block;transition:filter .8s,opacity .8s,transform .8s}.jg-demo-screen[data-stage='0'] canvas{filter:blur(8px) saturate(.2);opacity:.35;transform:scale(1.06)}.jg-demo-screen[data-stage='1'] canvas{filter:blur(3px) saturate(.3);opacity:.65}.jg-demo-screen[data-stage='2'] canvas{filter:saturate(.6);opacity:.9}
.jg-demo-screen-label{position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#c8d6e5;font-size:9px;letter-spacing:1.4px}.jg-demo-screen-label b{font-size:22px}
.jg-possibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.jg-possibility{overflow:hidden;border:1px solid #e8e3eb;background:white;border-radius:22px;box-shadow:0 8px 30px #40294f03;transition:transform .3s}
.jg-possibility:hover{transform:translateY(-5px)}.jg-possibility-art{aspect-ratio:16/9;background:#171f30;overflow:hidden}.jg-possibility-art canvas{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s}.jg-possibility:hover canvas{transform:scale(1.035)}
.jg-possibility-copy{padding:22px}.jg-possibility-copy>span{font-size:10px;color:#706678;letter-spacing:1.1px}.jg-possibility-copy h3{font-size:20px;letter-spacing:-.6px;margin:10px 0}.jg-possibility-copy p{font-size:11px;color:#706678;line-height:1.6;margin:0;min-height:34px}
.jg-conversation{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:36px;background:#f0edf6;border-radius:28px}.jg-conversation-request{max-width:90%;padding:17px 20px;border-radius:18px 18px 4px 18px;background:white;box-shadow:0 5px 20px #34224206;font-size:17px;letter-spacing:-.4px;margin:24px 0 18px}.jg-conversation-answer{color:#706678;font-size:12px;min-height:38px;max-width:320px}.jg-conversation-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 22px}.jg-conversation-tabs button{border:1px solid #ddd5e7;background:transparent;border-radius:9px;padding:8px 11px;color:#706678;font-size:10px;cursor:pointer}.jg-conversation-tabs button[aria-pressed=true]{color:#5e477a;background:white;border-color:white}.jg-conversation-preview{border:1px solid #e1d9e9;border-radius:18px;overflow:hidden;background:white;box-shadow:0 20px 45px #3a285416}.jg-conversation-preview canvas{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}.jg-conversation-preview p{padding:12px 18px;font-size:10px;color:#706678;margin:0}.jg-preview-change{animation:jg-preview-change .7s ease}@keyframes jg-preview-change{from{filter:blur(4px);opacity:.3}to{filter:none;opacity:1}}
.jg-store-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.jg-store-filters{display:flex;gap:6px;flex-wrap:wrap}.jg-store-filters button{border:1px solid #e7e1ea;border-radius:50px;padding:9px 18px;min-height:40px;background:transparent;color:#706678;font-size:12px;cursor:pointer}.jg-store-filters button[aria-pressed=true]{background:#2b2830;border-color:#2b2830;color:#fff}.jg-store-search{display:flex;align-items:center;gap:9px;background:white;border:1px solid #e6dfea;border-radius:12px;padding:9px 15px;color:#706678}.jg-store-search input{background:transparent;border:0;outline:0;color:#5f4f6d;font-size:12px;min-width:0;max-width:220px;width:100%}
.jg-store-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.jg-game-tile{display:block;overflow:hidden;background:white;border:1px solid #e7e0ec;border-radius:20px;color:#34293b;text-decoration:none;transition:transform .25s,box-shadow .25s}.jg-game-tile:hover{transform:translateY(-4px);box-shadow:0 18px 40px #3720450b}.jg-game-preview{aspect-ratio:16/10;background:#152137}.jg-game-preview canvas{display:block;width:100%;height:100%;object-fit:cover}.jg-game-tile-copy{padding:19px;display:flex;align-items:center;justify-content:space-between;gap:12px}.jg-game-tile-copy h3{font-size:16px;margin:0 0 7px;letter-spacing:-.4px}.jg-game-tile-copy span{font-size:10px;color:#706678}.jg-game-tile-copy b{font-size:10px;background:#f1eef7;border-radius:50px;padding:5px 10px;color:#79648d;font-weight:500;white-space:nowrap}.jg-center{text-align:center;margin-top:28px}.jg-section-note{text-align:center;color:#706678;font-size:11px;line-height:1.7;margin:24px auto 0}
.jg-social-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:30px 50px}.jg-social-intro>div>p{font-size:19px;line-height:1.7;color:#706678;max-width:370px;letter-spacing:-.3px}.jg-social-features{display:flex;flex-direction:column;gap:12px;color:#706678;font-size:12px;margin:26px 0}.jg-social-features span:before{content:'✓';color:#706678;margin-right:12px}.jg-social-example{background:white;border:1px solid #e6deec;box-shadow:0 20px 60px #4d345009;border-radius:23px;padding:22px;transform:rotate(2deg)}.jg-social-example>small{font-size:8px;letter-spacing:1.5px;color:#706678}.jg-social-example-head{display:flex;align-items:center;gap:12px;margin:18px 0}.jg-social-example-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#eae0f4;color:#706678;font-weight:700}.jg-social-example-head strong,.jg-social-example-head small{display:block}.jg-social-example-head strong{font-size:12px}.jg-social-example-head small{color:#706678;font-size:9px}.jg-social-example canvas{width:100%;border-radius:13px;display:block}.jg-social-example>p{font-size:12px!important;margin:17px 0 12px;line-height:1.5!important}.jg-social-example-actions{display:flex;gap:20px;color:#706678;font-size:20px}
.jg-credit-explainer{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;max-width:950px;margin:0 auto 45px}.jg-credit-explainer h3{font-size:27px;letter-spacing:-.8px;margin:0 0 18px}.jg-credit-explainer p,.jg-credit-explainer ol{font-size:13px;color:#706678;line-height:1.9}.jg-credit-explainer ol{padding-left:19px}.jg-credit-explainer li{padding:5px 0}
body.jg-experience .jg-credit-panel{border:1px solid #e5deec;background:#fff;padding:27px;border-radius:22px;color:#322738;box-shadow:0 12px 40px #6c487709;min-width:0}.jg-credit-heading{display:flex;align-items:center;gap:15px}.jg-credit-spark{display:grid;place-items:center;width:52px;height:52px;background:#f5edfc;border-radius:16px;color:#706678;font-size:29px}.jg-credit-heading small{display:block;font-size:8px;color:#706678;letter-spacing:1.5px}.jg-credit-balance{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.jg-credit-balance strong{font-size:34px;letter-spacing:-1.8px;line-height:1.35;font-weight:600}.jg-credit-balance span{font-size:14px;color:#706678}.jg-credit-panel>p{font-size:11px!important;color:#706678!important;margin:15px 0 22px!important;line-height:1.6!important}.jg-credit-details{display:grid;gap:10px;border-top:1px solid #eee7f3;padding:18px 0;margin-bottom:12px}.jg-credit-details>span{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#706678}.jg-credit-details b{font-weight:500;color:#775a8b;text-align:right}.jg-credit-panel .jg-button{width:100%}.jg-credit-panel.compact{padding:18px}.jg-credit-panel.compact .jg-credit-details{padding:10px 0}.jg-credit-panel.compact .jg-credit-balance strong{font-size:25px}
.jg-home-plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.jg-mini-plan{border:1px solid #e6deec;border-radius:19px;padding:22px 18px;background:white;display:flex;flex-direction:column;gap:14px;min-width:0}.jg-mini-plan.featured{border-color:#b9a1d5;box-shadow:0 0 0 3px #ede4f73d}.jg-mini-plan h3{font-size:26px;white-space:nowrap;letter-spacing:-1px;margin:2px 0 0}.jg-mini-plan small{font-size:10px;color:#706678;line-height:1.6;min-height:34px}.jg-mini-credits{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:10px;color:#706678;padding:12px 0;margin-top:auto}.jg-mini-credits b{color:#6b4b83;font-size:16px}.jg-mini-plan .jg-button{font-size:11px!important;padding:10px!important;width:100%}.jg-final-section{text-align:center;position:relative;padding:100px 24px 110px;background:radial-gradient(ellipse at 50% 100%,#eadcf478,transparent 65%)}.jg-final-section h2{font-size:clamp(36px,5vw,60px);letter-spacing:-2.5px;max-width:640px;margin:25px auto 30px}
.jg-motion-ready{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.jg-motion-ready.jg-visible{opacity:1;transform:none}
/* Existing social, account and creator spaces. Layout and interaction hooks are preserved. */
html body.jg-legacy[data-experience-page] :is(.card,.panel,.post,.composer,.discovery,.hubCrosslink,.profileTools,.compactShell,.sortMenu,.commentBody,.list,.empty,.sheet,.modalCard,.modalBox,.composerBox,.chat,.chatHead,.composerWrap,.bubble){background:#fff!important;color:#2c2732!important;border-color:#e6e0ed!important;box-shadow:var(--jg-shadow)!important}
html body.jg-legacy[data-experience-page] :is(h1,h2,h3,.who,.who strong,.profileNameRow,.feedLabel b,.authorNameLink,.name,.username,.compactName,.identity){color:#2d2533!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
html body.jg-legacy[data-experience-page] :is(.hero p,.intro p,.caption,.note,.bio,.when,.meta,.counts,.presence,.empty,.profileIntro p,.profileBenefits,.toolCopy small,.field label){color:#706678!important;text-shadow:none!important}
html body.jg-legacy[data-experience-page] :is(input,textarea,select){background:#fbf9fc!important;border-color:#e0d6e9!important;color:#3f304c!important;box-shadow:none!important}
html body.jg-legacy[data-experience-page] :is(.actions button,.quick button,.tabs button,.profileTabs button,.sortToggle,.socialSearch button,.openComposer,.toolRow,.publish,.send,.gameBtn){background:#f5f1fa!important;border-color:#e5dced!important;color:#706678!important;box-shadow:none!important}
html body.jg-legacy[data-experience-page] :is(.tabs button.active,.profileTabs button.on,.publish,.send,button[type=submit]){background:#312a38!important;color:#fff!important;border-color:#312a38!important}
html body.jg-legacy[data-experience-page] .me .bubble{background:#eee7f7!important;color:#715284!important}
html body.jg-legacy[data-experience-page] .socialHero small{color:#706678!important}
html body.jg-legacy[data-experience-page] .trend{background:#f7f3fb!important;color:#706678!important;border-color:#e9dfef!important}
html body.jg-legacy[data-experience-page] .top,.jg-legacy .jg-retired-nav{box-shadow:none!important}
html body.jg-game-view .lobby{background:#fff!important;border-color:#e4dce9!important;box-shadow:none!important;color:#332837!important}
html body.jg-game-view .hero h1{color:#332537!important}html body.jg-game-view .hero p{color:#706678!important}
/* Pricing uses the same credit language and calm cards. */
html body.jg-experience :is(.jg-offer-price strong,.jg-offer-stats b,.jg-revenue-grid strong,.jg-capacity-grid strong){color:#514055!important}
html body.jg-experience :is(.jg-offer-price span,.jg-offer-stats,.jg-offer-stats span,.jg-offer-future,.jg-offer-free-note,.jg-pricing-faq p,.jg-offer-promise p,.jg-revenue-grid p,.jg-credit-packs p){color:#706678!important}
html body.jg-experience .jg-offer-stats{background:#f8f3fb!important;border:1px solid #eee3f3!important;border-radius:14px!important}
html body.jg-experience .jg-offer-stats>span:first-child:before{content:'✦';color:#706678;margin-right:8px;font-size:20px}
html body.jg-experience .jg-subscription.pro{background:#fff!important;border-color:#b89aca!important}
html body.jg-experience :is(.jg-quality-fieldset,.jg-tools-body,.jg-tools-features,.jg-agent-progress,.jg-offer-status){border-color:#e8dfed!important;background:#fbf8fd!important;color:#706678!important}
html body.jg-experience .jg-studio-workspace{max-width:1120px;margin:auto}.jg-credit-live{max-width:600px;margin:22px auto}
@media(max-width:1050px){.jg-home-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jg-social-intro{padding:10px;gap:40px}.jg-story-section{padding:65px 28px}.jg-credit-explainer{gap:35px}.jg-premium-hero h1{letter-spacing:-3px!important}.jg-premium-hero h1 em{letter-spacing:-3px}}
@media(max-width:700px){

 html body.jg-experience .jg-mobile-dock{background:#fffcfff2!important;border-top:1px solid #e4d9eb!important;box-shadow:0 -5px 30px #3f224904!important}
 html body.jg-experience .jg-mobile-dock a{color:#706678!important;background:transparent!important}.jg-mobile-dock a[aria-current=page]{color:#6d4983!important;background:#f1e9f6!important}
 html body.jg-experience .jg-mobile-dock a[href='/studio.html']{color:#fff!important;background:#332b3a!important}

 .jg-premium-hero{padding:30px 18px 30px;min-height:0}.jg-premium-hero .jg-overline{font-size:8px;letter-spacing:1.6px}
 body.jg-experience .jg-premium-hero h1{font-size:clamp(38px,10.4vw,46px);line-height:1.08;letter-spacing:-2.6px!important;margin:18px 0 16px}.jg-premium-hero h1 em{letter-spacing:-2.6px;max-width:340px;margin:4px auto 0}
 body.jg-experience .jg-hero-lead{font-size:14px;max-width:310px;margin-bottom:22px;line-height:1.7}
 .jg-idea-composer{padding:15px;border-radius:21px}.jg-idea-input{font-size:16px!important;min-height:106px!important;padding:5px 0!important}.jg-idea-toolbar{gap:12px;flex-direction:column;align-items:stretch}.jg-idea-options{justify-content:flex-start}.jg-idea-toolbar .jg-cta{width:100%}.jg-idea-options{gap:5px}.jg-ai-sign{width:24px;font-size:19px}.jg-idea-options select{font-size:12px!important;padding:8px!important;max-width:none!important;width:100%!important;min-width:0!important;min-height:44px!important}.jg-idea-toolbar .jg-cta{font-size:13px!important;min-height:46px!important;padding:12px 15px!important;gap:8px!important}
 .jg-suggestions{gap:6px;margin:14px -3px}.jg-suggestions button{font-size:12px;padding:10px 12px;min-height:44px;gap:6px}.jg-composer-note{font-size:11px!important;max-width:290px;margin-left:auto!important;margin-right:auto!important}.jg-hero-trust{gap:12px;font-size:11px;margin-top:20px}
 .jg-story-section{padding:48px 18px}.jg-story-heading{margin-bottom:27px}.jg-story-heading h2{font-size:32px;letter-spacing:-1.4px;margin-top:13px}.jg-overline{font-size:10px!important;letter-spacing:1.5px!important}
 .jg-demo-body{grid-template-columns:1fr}.jg-demo-chat{padding:22px;gap:14px}.jg-demo-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.jg-demo-steps button{font-size:11px;gap:8px;padding:9px;min-height:44px}.jg-demo-screen{aspect-ratio:16/10}.jg-demo-bubble{font-size:12px}.jg-demo-window{border-radius:20px}.jg-window-bar{font-size:8px;padding:12px 15px;gap:10px}
 .jg-possibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jg-possibility{border-radius:17px}.jg-possibility-copy{padding:15px}.jg-possibility-copy h3{font-size:17px;line-height:1.2;letter-spacing:-.5px}.jg-possibility-copy>span{font-size:9px}.jg-possibility-copy p{font-size:11px;min-height:45px}
 .jg-conversation{grid-template-columns:1fr;padding:23px;gap:24px;border-radius:22px}.jg-conversation-request{font-size:16px;max-width:100%;margin-top:18px}.jg-conversation-tabs button{font-size:12px;min-height:44px}.jg-conversation-preview .jg-window-bar{min-height:35px}
 .jg-store-toolbar{align-items:stretch;flex-direction:column;gap:17px}.jg-store-filters{gap:5px}.jg-store-filters button{font-size:12px;padding:10px 14px;min-height:44px}.jg-store-search{padding:10px 13px}.jg-store-search input{max-width:none;font-size:13px}.jg-store-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jg-game-tile{border-radius:16px}.jg-game-tile-copy{padding:13px;gap:6px;align-items:flex-start;flex-wrap:wrap}.jg-game-tile-copy h3{font-size:14px;margin-bottom:4px}.jg-game-tile-copy span{font-size:11px}.jg-game-tile-copy b{font-size:8px;padding:3px 7px}
 .jg-social-intro{grid-template-columns:1fr;gap:25px;padding:0 10px}.jg-social-intro>div>p{font-size:17px;max-width:none}.jg-social-example{transform:none}.jg-social-features{font-size:12px;margin:20px 0}.jg-social-example>p{font-size:12px!important}
 .jg-credit-explainer{grid-template-columns:1fr;gap:28px;margin-bottom:28px}.jg-credit-explainer>div:nth-child(2){padding:0 12px}.jg-credit-explainer h3{font-size:25px}.jg-credit-explainer p,.jg-credit-explainer ol{font-size:12px}.jg-credit-panel{padding:23px!important}.jg-credit-balance strong{font-size:31px}
 .jg-home-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jg-mini-plan{padding:19px 15px;gap:10px;border-radius:17px}.jg-mini-plan h3{font-size:25px}.jg-mini-plan small{font-size:11px}.jg-mini-plan:last-child{grid-column:1/-1}.jg-mini-plan:last-child .jg-button{max-width:240px}.jg-mini-plan .jg-button{font-size:12px!important}.jg-mini-credits{font-size:11px}
 .jg-final-section{padding:60px 24px 70px}.jg-final-section h2{font-size:38px;letter-spacing:-1.8px}
 html body.jg-experience .jg-footer{padding:25px 20px;font-size:10px}.jg-reveal.jg-motion-ready{transform:translateY(12px)}
}
@media(max-width:360px){.jg-premium-hero h1{font-size:39px!important}.jg-idea-toolbar{flex-direction:column;align-items:stretch}.jg-idea-options{justify-content:center}.jg-home-plan-grid{grid-template-columns:1fr}.jg-mini-plan:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.jg-hero-halo,.jg-preview-change{animation:none!important}.jg-motion-ready{opacity:1!important;transform:none!important}.jg-home-v2 *{scroll-behavior:auto!important;transition:none!important}}

body.jg-experience .jg-editor-credit{position:relative;color:#655473;font-size:12px}
body.jg-experience .jg-editor-credit>summary{list-style:none;padding:11px 18px;border:1px solid #e5dced;border-radius:12px;background:white;cursor:pointer}
body.jg-experience .jg-editor-credit>.jg-credit-panel{position:absolute;right:0;top:52px;z-index:50;width:330px;max-width:calc(100vw - 40px)}
body.jg-experience .jg-game-tile .jg-multi-art{height:100%;position:relative;overflow:hidden;background:#192337;display:grid;place-items:center}
body.jg-experience .jg-game-tile .jg-multi-art:before{content:'';position:absolute;width:150px;height:150px;border:1px solid #a8b9e02b;transform:rotate(25deg);border-radius:25px}
body.jg-experience .jg-game-tile .jg-multi-art span{font-size:55px;position:relative;color:#e9e4fc;transition:transform .5s}
body.jg-experience .jg-game-tile:hover .jg-multi-art span{transform:translateY(-6px) rotate(-6deg)}

.jg-game-preview{position:relative;overflow:hidden}.jg-game-preview>.jg-showcase-scene{position:absolute;inset:0;transform:scale(.85)}


/* Editor layout: the same nodes keep their saving, preview and generation handlers. */
.jg-project-switcher{margin:16px 0 24px;border:1px solid var(--jg-line);border-radius:16px;background:white}
.jg-project-switcher>summary{padding:14px 20px;cursor:pointer;font-size:13px;color:var(--jg-copy)}
.jg-project-switcher-body{padding:0 20px 20px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}
.jg-project-switcher-body>.jg-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.jg-workbench{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.3fr);gap:24px;align-items:start;margin-top:24px}
.jg-workbench-ai{min-width:0;border:1px solid var(--jg-line);border-radius:20px;padding:20px;background:#faf9fc}
.jg-workbench-label{display:flex;gap:12px;align-items:center;margin-bottom:18px}.jg-workbench-label strong{display:block;font-size:15px}.jg-workbench-label small{display:block;color:var(--jg-copy);font-size:12px;margin-top:3px}
.jg-workbench-label .jg-credit-spark{width:38px;height:38px;font-size:22px}
.jg-workbench-ai .jg-chat{width:100%;min-height:150px;resize:vertical}
.jg-workbench-preview{min-width:0}.jg-workbench-preview .jg-preview{width:100%;min-height:480px}.jg-workbench-preview>details{margin-top:18px}
html body.jg-experience .jg-workbench-ai .jg-quality-grid{grid-template-columns:1fr}
html body.jg-experience .jg-workbench-ai .jg-quality-card{padding:18px!important}.jg-workbench-ai .jg-quality-card ul{display:none}
html body.jg-experience .jg-workbench-ai .jg-studio-generate{flex-direction:column;align-items:stretch;gap:10px;margin-top:16px}.jg-workbench-ai .jg-studio-generate .jg-button{width:100%}
@media(max-width:1050px){.jg-workbench{grid-template-columns:1fr}.jg-workbench-preview .jg-preview{min-height:400px}.jg-project-switcher-body>.jg-list{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.jg-project-switcher-body{grid-template-columns:1fr}.jg-project-switcher-body>.jg-list{grid-template-columns:1fr}.jg-workbench-ai{padding:18px}.jg-workbench-preview .jg-preview{min-height:320px}.jg-workbench-ai .jg-studio-generate{position:static!important}}
/* Shared finish for creation, billing, community, accounts and creator tools. */
.jg-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffffb8;border:1px solid #ebe7f4;border-radius:100px;color:var(--jg-violet)!important}
.jg-composer-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:550;color:var(--jg-copy);margin:0 0 10px}
.jg-composer-label .jg-ai-sign{width:26px;height:26px;font-size:22px;color:var(--jg-violet)}
body.jg-experience .jg-composer-group .jg-game-tools>summary{min-height:44px!important;font-size:12px!important}
.jg-demo-steps button,.jg-conversation-tabs button{min-height:44px}
html body.jg-experience .jg-card{background:var(--jg-white)!important;border:1px solid var(--jg-line)!important;border-radius:var(--jg-radius)!important;box-shadow:var(--jg-shadow)!important;overflow:hidden}
html body.jg-experience .jg-card :is(h3,.jg-card-meta strong){color:var(--jg-ink)!important}
html body.jg-experience .jg-card :is(.jg-card-copy p,.jg-card-meta a){color:var(--jg-copy)!important}
html body.jg-experience .jg-card .jg-art{background:radial-gradient(at 75% 0,#e0d8ff,transparent 70%),#f0eef7!important;color:var(--jg-violet)!important}
html body.jg-experience .jg-card :is(.jg-card-kicker,.jg-card-icon,.jg-card-arrow){color:var(--jg-violet)!important}
html body.jg-experience .jg-card .jg-card-meta{border-color:var(--jg-line)!important}
html body.jg-experience :is(.jg-offer-card,.jg-project-tile,.jg-billing-account,.jg-pass-details){padding:26px;background:white!important;box-shadow:var(--jg-shadow)!important;border:1px solid var(--jg-line)!important;border-radius:var(--jg-radius)!important}
html body.jg-experience .jg-offer-card.pro{border-color:#b8adee!important;box-shadow:0 0 0 3px #6657d90b!important}
html body.jg-experience #joined-content :is(.jg-offer-card,.jg-offer-card.free,.jg-offer-card.pro){background:white!important;color:var(--jg-ink)!important;border-color:var(--jg-line)!important;box-shadow:var(--jg-shadow)!important}
html body.jg-experience #joined-content .jg-offer-card.pro{border-color:#b8adee!important;box-shadow:0 0 0 3px #6657d90b!important}
html body.jg-experience #joined-content :is(.jg-offer-title h2,.jg-offer-price strong,.jg-offer-stats b){color:var(--jg-ink)!important}
html body.jg-experience #joined-content :is(.jg-offer-title p,.jg-offer-price span,.jg-offer-card>.jg-legend,.jg-offer-benefits li,.jg-pricing-intro p,.jg-export-benefit,.jg-offer-status,.jg-offer-future,.jg-capacity-grid small){color:var(--jg-copy)!important}
html body.jg-experience #joined-content .jg-offer-title .jg-eyebrow{color:var(--jg-violet)!important}
html body.jg-experience #joined-content .jg-offer-stats{background:var(--jg-paper)!important;border-color:var(--jg-line)!important;border-radius:12px!important;padding:14px!important}
html body.jg-experience #joined-content .jg-offer-status{background:var(--jg-paper)!important}
html body.jg-experience #joined-content .jg-pricing-launch h1 em{background:none!important;color:var(--jg-violet)!important;-webkit-text-fill-color:currentColor!important;font-style:normal}
html body.jg-experience #joined-content :is(.jg-quality-bottom strong,.jg-quality-bottom span,.jg-quality-fieldset legend,.jg-editor-quality>summary){color:var(--jg-violet)!important}
html body.jg-experience #joined-content :is(.jg-quality-card p,.jg-quality-card li,.jg-tools-platform-note,.jg-tools-feedback,.jg-game-tools summary small,.jg-studio-intro p){color:var(--jg-copy)!important}
html body.jg-experience #joined-content .jg-editor-tabs a.active{border-color:var(--jg-violet)!important;color:var(--jg-violet)!important}
html body.jg-experience .jg-offer-title h2{font-size:32px!important;letter-spacing:-1px!important}
html body.jg-experience .jg-offer-title p{font-size:14px!important;line-height:1.7!important}
html body.jg-experience .jg-offer-benefits li{font-size:13px!important;line-height:1.7!important}
html body.jg-experience .jg-offer-price strong{font-size:clamp(32px,4vw,45px)!important;letter-spacing:-1.6px}
html body.jg-experience .jg-offer-stats{padding:18px!important;background:#f7f5fb!important}
html body.jg-experience :is(.jg-billing-cta,.jg-launch-actions,.jg-tools-actions){gap:10px;flex-wrap:wrap}
html body.jg-experience .jg-credit-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
html body.jg-experience .jg-credit-packs>:is(h2,p,.jg-eyebrow){grid-column:1/-1}
html body.jg-experience .jg-credit-packs .jg-panel{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0}
html body.jg-experience .jg-credit-packs .jg-panel>:is(h3,p){margin:0}
html body.jg-experience .jg-credit-packs .jg-panel strong{font-size:30px;letter-spacing:-1px;color:var(--jg-ink)}
html body.jg-experience .jg-credit-packs .jg-button{margin-top:auto;width:100%}
.jg-credit-panel.low .jg-credit-spark{background:#fff3de;color:#986100}
.jg-credit-warning{padding:12px 14px;border-radius:12px;background:#fff7e7;color:#805100;font-size:12px;line-height:1.6}
html body.jg-experience .jg-status.error{background:#fff0f1!important;border-color:#f1d4d8!important;color:#9b2534!important}
html body.jg-experience .jg-status{font-size:13px;border-radius:14px}
html body.jg-experience :is(.jg-chat,.jg-tools-feedback,.jg-input){font-size:16px!important}
html body.jg-experience .jg-editor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:13px!important;line-height:1.7}
html body.jg-experience .jg-preview{border:1px solid var(--jg-line);border-radius:18px;background:white;scroll-margin-top:88px}
html body.jg-experience .jg-agent-progress{padding:18px;line-height:1.6;border-radius:14px;background:var(--jg-tint)!important;color:var(--jg-violet)!important}
html body.jg-experience .jg-select-project{width:100%;margin-bottom:6px;background:transparent!important;box-shadow:none!important;border-color:transparent!important}
html body.jg-experience .jg-select-project:hover{background:var(--jg-tint)!important}
html body.jg-experience .jg-stat b{color:var(--jg-ink)!important;font-weight:600}
html body.jg-experience :is(.jg-field>span,.jg-legend,.jg-row small,.jg-check){font-size:13px}
html body.jg-experience .jg-row{gap:16px;padding:16px;overflow-wrap:anywhere;align-items:center}
html body.jg-experience .jg-row .jg-actions{flex-shrink:0}
html body.jg-legacy[data-experience-page] :is(.tabs,.profileTabs){background:#f0eef5!important;border-color:var(--jg-line)!important;padding:5px;border-radius:15px}
html body.jg-legacy[data-experience-page] :is(.tabs button,.profileTabs button){border:0!important;border-radius:11px;min-height:44px;font-size:13px!important;font-weight:550}
html body.jg-legacy[data-experience-page] :is(.rewards,.benefit){background:#f5f2fa!important;border:1px solid var(--jg-line)!important;color:var(--jg-copy)!important;border-radius:18px;box-shadow:none!important}
html body.jg-legacy[data-experience-page] .rewards :is(.tag,h2,a){color:var(--jg-violet)!important}
html body.jg-legacy[data-experience-page] .rewards p{color:var(--jg-copy)!important;font-size:13px}
html body.jg-legacy[data-experience-page] .rewardRow span{background:white!important;color:var(--jg-ink)!important;border-color:var(--jg-line)!important}
html body.jg-legacy[data-experience-page] :is(.forgot,.back,.profileTools a){color:var(--jg-violet)!important}
html body.jg-legacy[data-experience-page] .msg{color:#a32d41!important;font-size:13px}
html body.jg-legacy[data-experience-page] :is(.submit,.send,.publish){background:var(--jg-ink)!important;color:white!important;font-weight:550!important;min-height:48px}
html body.jg-legacy[data-experience-page] :is(.card,.panel,.composer){padding:24px;border-radius:var(--jg-radius)!important}
html body.jg-legacy[data-experience-page] :is(.note,.bio,.meta,.when,.presence,.field label){font-size:12px!important;color:var(--jg-copy)!important}
html body.jg-legacy[data-experience-page] :is(.chatHead,.composerWrap,.composerBox,.composer){border-color:var(--jg-line)!important}
html body.jg-experience #joined-content .jg-explore-next .jg-explore-link{background:white!important;color:var(--jg-ink)!important;border:1px solid var(--jg-line)!important;box-shadow:none!important}
html body.jg-experience #joined-content .jg-explore-next :is(.jg-explore-link small,.jg-explore-symbol){color:var(--jg-copy)!important}
html body.jg-legacy[data-experience-page] :is(.empty:before,.tabs button.active,.profileTabs button.on){color:var(--jg-violet)!important}
html body.jg-legacy[data-experience-page] :is(.tabs button.active,.profileTabs button.on){background:white!important}
html body.jg-legacy[data-experience-page] .bubble{font-size:15px!important;line-height:1.65!important;border-radius:18px!important;box-shadow:none!important}
html body.jg-legacy[data-experience-page] .post .actions button{min-height:44px!important;min-width:44px}
html body.jg-game-view header :is(.brand,.back){color:var(--jg-ink)!important;background:transparent!important;text-shadow:none!important}
html body.jg-game-view :is(.lobby h2,.lobby label,.lobby .status){color:var(--jg-ink)!important}
@media(max-width:700px){
 html body.jg-experience .jg-mobile-dock{background:#fffffff5!important;box-shadow:0 -4px 25px #26183c06!important}
 html body.jg-experience .jg-mobile-dock a{color:var(--jg-copy)!important;min-height:48px}
 html body.jg-experience .jg-mobile-dock a[aria-current=page]{background:var(--jg-tint)!important;color:var(--jg-violet)!important}
 html body.jg-experience .jg-mobile-dock a[href='/studio.html']{background:var(--jg-ink)!important;color:white!important}
 html body.jg-experience .jg-credit-packs{grid-template-columns:1fr}
 html body.jg-experience .jg-offer-card{padding:24px!important}
 html body.jg-experience .jg-row{flex-wrap:wrap;align-items:flex-start}
 html body.jg-experience .jg-row .jg-actions{width:100%;flex-shrink:1}
 html body.jg-experience .jg-studio-generate{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));z-index:8;background:#fffffff5;padding:12px;border:1px solid var(--jg-line);border-radius:16px;backdrop-filter:blur(10px)}
 html body.jg-experience .jg-studio-generate .jg-button{width:100%}
 html body.jg-legacy[data-experience-page] :is(.card,.panel,.composer){padding:20px!important}
 .jg-composer-label{font-size:12px;margin-bottom:6px}
}

/* Premium 2.1 — coherent finishing across Create, Store, Social, Creator Studio,
   commerce, profiles and account pages. Scoped to platform chrome only:
   never apply these rules inside playable game canvases. */
body.jg-experience {
  --jg-focus:#6657d9;
  --jg-soft:#f4f2fb;
  --jg-ring:0 0 0 3px #6657d929;
  font-feature-settings:"kern" 1;
  -webkit-font-smoothing:antialiased;
}
body.jg-experience :is(.jg-section,.jg-panel,.jg-card,.jg-credit-panel,.jg-quality-card,.jg-mini-plan,.jg-game-tile) {
  scroll-margin-top:105px;
}
body.jg-experience :is(.jg-panel,.jg-card,.jg-quality-card,.jg-mini-plan,.jg-credit-panel) {
  border-radius:clamp(17px,2vw,26px);
  transition:box-shadow .24s ease,border-color .24s ease,transform .24s ease;
}
@media(hover:hover) and (pointer:fine){
  body.jg-experience :is(.jg-quality-card,.jg-mini-plan,.jg-game-tile):hover {
    transform:translateY(-3px);
    box-shadow:0 18px 44px #29204410;
    border-color:#d9d3e8;
  }
}
body.jg-experience :is(.jg-button,.jg-cta,.jg-primary,button[type=submit]):not(:disabled) {
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
}
@media(hover:hover) and (pointer:fine){
  body.jg-experience :is(.jg-button,.jg-cta,.jg-primary,button[type=submit]):not(:disabled):hover {
    transform:translateY(-1px);
  }
}
body.jg-experience :is(input:not([type=checkbox]):not([type=radio]),textarea,select) {
  min-height:44px;
  accent-color:var(--jg-violet);
}
body.jg-experience :is(input:not([type=checkbox]):not([type=radio]),textarea,select):focus-visible {
  outline:2px solid var(--jg-focus)!important;
  outline-offset:2px;
}
body.jg-experience :is(.jg-credit-panel,.jg-mini-plan,.jg-quality-card) :is(small,.jg-overline) {
  letter-spacing:.025em;
}
body.jg-experience :is(.jg-credit-spark,.jg-mini-credits) {
  color:var(--jg-violet);
}
body.jg-experience :is(.jg-section h2,.jg-section h1,.jg-panel h2,.jg-panel h1) {
  text-wrap:balance;
}
body.jg-experience :is(p,.jg-section-head) {
  overflow-wrap:anywhere;
}
body.jg-experience :is(.jg-grid,.jg-store-results,.jg-home-plan-grid,.jg-quality-grid)>* {
  min-width:0;
}
body.jg-experience :is(a,button,summary) {
  -webkit-tap-highlight-color:transparent;
}
body.jg-experience :is(.jg-credit-panel,.jg-quality-card,.jg-mini-plan) :is(a,button) {
  min-height:42px;
}
body.jg-experience .jg-nav a:focus-visible,
body.jg-experience .jg-footer a:focus-visible {
  border-radius:10px;
}
body.jg-experience .jg-reveal:not(.jg-motion-ready){
  opacity:1;
}
@media(max-width:720px){
 body.jg-experience {overflow-x:clip}
 body.jg-experience :is(.jg-section,.jg-credit-panel,.jg-quality-card,.jg-mini-plan) {max-width:100%}
 body.jg-experience :is(input,textarea,select) {font-size:max(16px,1rem)}
 body.jg-experience :is(.jg-button,.jg-cta,button[type=submit]) {min-height:44px}
 body.jg-experience :is(.jg-grid,.jg-store-results,.jg-home-plan-grid,.jg-quality-grid) {min-width:0}
}
@media(prefers-reduced-motion:reduce){
 body.jg-experience :is(.jg-panel,.jg-card,.jg-quality-card,.jg-mini-plan,.jg-credit-panel,.jg-button,.jg-cta,.jg-primary,button[type=submit]) {
  transition:none!important;
  transform:none!important;
 }
}

/* Monthly plans: compact free entry and four clear paid choices. */
html body.jg-experience .jg-monthly-pricing{max-width:1440px!important}
.jg-monthly-pricing .jg-pricing-launch{text-align:center;padding:50px 12px 36px;max-width:850px;margin:auto}
html body.jg-experience .jg-monthly-pricing .jg-pricing-launch h1{font-size:clamp(44px,5.4vw,76px);line-height:1.04;letter-spacing:-3px!important;margin:22px 0}
.jg-monthly-pricing .jg-pricing-launch p{font-size:16px;max-width:540px;margin:0 auto;line-height:1.7}
.jg-monthly-pricing .jg-credit-live{max-width:720px;margin:0 auto 20px}
.jg-monthly-pricing .jg-credit-live .jg-credit-panel{padding:16px 22px}
.jg-monthly-pricing .jg-pricing-intro{text-align:center;margin:18px 0 30px}
.jg-monthly-pricing .jg-pricing-intro h2{font-size:26px;letter-spacing:-.8px;margin-bottom:20px}
.jg-billing-switch{display:inline-flex;gap:5px;padding:5px;border:1px solid var(--jg-line);border-radius:999px;background:#eeedf2}
body.jg-experience .jg-billing-switch button{border:0;border-radius:999px;padding:12px 26px;min-height:44px;color:var(--jg-copy);background:transparent;font-size:14px}
body.jg-experience .jg-billing-switch button[aria-pressed=true]{background:#fff;color:var(--jg-ink);box-shadow:0 2px 10px #28213b0b}
.jg-billing-cadence{font-size:12px;line-height:1.6;margin:16px 0 0;color:var(--jg-copy)}
.jg-monthly-pricing .jg-offer-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card{position:relative;display:flex;flex-direction:column;padding:25px 22px!important;border-radius:22px!important;box-shadow:none!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.pro{background:linear-gradient(150deg,#f1edfb,#fff 70%)!important;border-color:#b3a5e7!important}
.jg-monthly-pricing .jg-offer-title h2{font-size:28px;margin:10px 0 8px}
.jg-monthly-pricing .jg-offer-title p{font-size:13px;line-height:1.6;min-height:64px}
.jg-monthly-pricing .jg-offer-title .jg-eyebrow{font-size:8px;letter-spacing:1px}
.jg-monthly-pricing .jg-offer-price strong{font-size:38px;letter-spacing:-1.8px;font-weight:650;white-space:nowrap}
.jg-monthly-pricing .jg-price-block{padding:12px 0 6px}.jg-monthly-pricing .jg-price-block .jg-legend{font-size:11px;line-height:1.65;min-height:36px;margin:8px 0 12px}
.jg-monthly-pricing .jg-offer-stats{display:grid;gap:8px;border-bottom:1px solid var(--jg-line);padding-bottom:20px;margin:0 0 20px;font-size:12px}
.jg-monthly-pricing .jg-offer-stats b{font-size:17px;font-weight:600}
.jg-monthly-pricing .jg-offer-benefits{font-size:12px;line-height:1.7;min-height:108px;margin:0 0 14px;padding-left:17px}
.jg-monthly-pricing .jg-offer-benefits li{margin-bottom:8px}
.jg-monthly-pricing .jg-export-benefit{font-size:11px;min-height:18px;margin:0 0 15px}
.jg-monthly-pricing .jg-billing-cta{margin-top:auto}.jg-monthly-pricing .jg-billing-cta button{width:100%;justify-content:center;min-height:46px}
html body.jg-experience .jg-monthly-pricing .pro .jg-billing-cta button{background:var(--jg-violet)!important;color:white!important}
.jg-monthly-pricing .jg-billing-cta small{display:block;text-align:center;font-size:10px;margin:12px 0 0;color:var(--jg-copy)}
.jg-monthly-pricing .jg-offer-future{margin:18px 0 0;font-size:11px}.jg-monthly-pricing .jg-offer-future p{font-size:12px;line-height:1.7}
.jg-plan-ribbon{position:absolute;top:-13px;left:22px;right:22px;border-radius:999px;padding:5px 12px;text-align:center;background:var(--jg-violet);color:white;font-size:9px;font-weight:600;letter-spacing:.8px}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr auto;gap:12px 24px;align-items:center;background:#f2f1f6!important;margin-bottom:18px}
.jg-monthly-pricing .free .jg-offer-title p{min-height:0;margin-bottom:0}.jg-monthly-pricing .free .jg-offer-title h2{font-size:24px}
.jg-monthly-pricing .free .jg-offer-benefits,.jg-monthly-pricing .free .jg-price-block{display:none}
.jg-monthly-pricing .free .jg-offer-stats{border:0;margin:0;padding:0}.jg-monthly-pricing .free>.jg-button{min-height:46px;justify-content:center}
@media(max-width:1100px){.jg-monthly-pricing .jg-offer-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.jg-monthly-pricing .jg-offer-title p{min-height:44px}.jg-monthly-pricing .jg-offer-benefits{min-height:95px}.jg-monthly-pricing .jg-offer-price strong{font-size:42px}}
@media(max-width:600px){.jg-monthly-pricing .jg-offer-collection{grid-template-columns:1fr;gap:26px}.jg-monthly-pricing .jg-pricing-launch{padding:20px 0 32px}html body.jg-experience .jg-monthly-pricing .jg-pricing-launch h1{font-size:45px;letter-spacing:-2px!important}.jg-monthly-pricing .jg-pricing-launch p{font-size:14px}.jg-monthly-pricing .jg-offer-title p,.jg-monthly-pricing .jg-offer-benefits{min-height:0}.jg-monthly-pricing .jg-credit-live .jg-credit-panel{padding:16px}html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free{grid-template-columns:1fr;gap:18px;margin-bottom:0}.jg-monthly-pricing .free>.jg-button{width:100%}.jg-monthly-pricing .jg-billing-cadence{max-width:280px;margin:16px auto 0}}

/* Keep the pricing hierarchy above legacy page styles. */
html body.jg-experience #joined-content.jg-monthly-pricing .jg-pricing-launch{display:block!important;text-align:center!important;padding:48px 12px 34px!important;max-width:1000px!important;margin:auto!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-pricing-launch h1{font-size:clamp(44px,5.4vw,72px)!important;line-height:1.08!important;margin:22px 0!important;max-width:none!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-pricing-launch h1 span{color:var(--jg-ink)!important;-webkit-text-fill-color:currentColor!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-pricing-launch h1 em{color:var(--jg-violet)!important;-webkit-text-fill-color:currentColor!important;font-style:normal!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-pricing-launch p{font-size:16px!important;max-width:540px!important;margin:0 auto!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-pricing-intro{display:block!important;text-align:center!important;margin:20px 0 34px!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-credit-live{margin:40px auto!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-price strong{font-size:38px!important}
@media(max-width:600px){html body.jg-experience #joined-content.jg-monthly-pricing .jg-pricing-launch{padding:20px 0 32px!important}html body.jg-experience #joined-content.jg-monthly-pricing .jg-pricing-launch h1{font-size:43px!important}html body.jg-experience #joined-content.jg-monthly-pricing .jg-pricing-launch p{font-size:14px!important}}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-collection{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:none!important;width:100%!important;gap:18px!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-capacity-grid>div{background:#f4f1fb!important;border:1px solid var(--jg-line)!important;color:var(--jg-ink)!important;border-radius:14px!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-capacity-grid span{color:var(--jg-copy)!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-capacity p{color:var(--jg-copy)!important}
@media(max-width:1100px){html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-collection{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}}
@media(max-width:600px){html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-collection{grid-template-columns:1fr!important;gap:26px!important}}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free{grid-template-columns:1.6fr 1fr auto!important;min-height:0!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free .jg-offer-title{grid-column:1!important;grid-row:1!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free .jg-offer-title p{max-width:none!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free .jg-offer-stats{grid-column:2!important;grid-row:1!important;max-width:none!important;margin:0!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free>.jg-button{grid-column:3!important;grid-row:1!important;width:auto!important;background:var(--jg-ink)!important;color:#fff!important}
@media(max-width:800px){html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free{grid-template-columns:1fr auto!important}html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free .jg-offer-title{grid-column:1/-1!important}html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free .jg-offer-stats{grid-column:1!important;grid-row:2!important}html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free>.jg-button{grid-column:2!important;grid-row:2!important}}
@media(max-width:600px){html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free{grid-template-columns:1fr!important}html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.free>.jg-button{grid-column:1!important;grid-row:3!important;width:100%!important}}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card .jg-billing-cta button{background:var(--jg-ink)!important;color:white!important;border-color:var(--jg-ink)!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-card.pro .jg-billing-cta button{background:var(--jg-violet)!important;border-color:var(--jg-violet)!important}
html body.jg-experience #joined-content.jg-monthly-pricing .jg-billing-cta small,html body.jg-experience #joined-content.jg-monthly-pricing .jg-offer-future summary{color:var(--jg-copy)!important;opacity:1!important}