.jd{--ink:#172340;--paper:#f7f7f3;--accent:#174ca2;--content-width:1240px}.jd .jd-choice{position:relative;padding:48px 0 35px;background:radial-gradient(ellipse at 50% 25%,#e4edf7,transparent 55%),#f8f8f4}.jd .jd-choice>.bound{position:relative}.jd .jd-heading{text-align:center;max-width:640px;margin:auto;position:relative;z-index:1}.jd .jd-heading h1 span{font-size:42px;line-height:1.4;margin:12px 0 20px}.jd .jd-heading>p:last-of-type{color:#5c6577}.jd .jd-jumps{display:flex;justify-content:center;gap:30px;margin:24px 0 36px}.jd .jd-jumps a{font-size:14px;border-bottom:1px solid #174ca2;padding:8px;color:#174ca2}.jd .jd-stage{display:grid;grid-template-columns:1fr 1fr;gap:75px;position:relative;z-index:1}.jd .jd-stage figure{height:285px;position:relative;overflow:hidden}.jd .jd-new figure{border-radius:50% 50% 4px 4px / 18% 18% 4px 4px;transform-origin:right bottom;animation:jdLeft 7s ease-in-out infinite alternate}.jd .jd-running figure{border-radius:50% 50% 4px 4px / 18% 18% 4px 4px;transform-origin:left bottom;animation:jdRight 7s ease-in-out infinite alternate}.jd .jd-stage details{padding:24px 0 15px;border-bottom:1px solid #bbc7d7;position:relative}.jd .jd-stage summary{display:block;padding-right:28px;list-style:none}.jd .jd-stage summary::-webkit-details-marker{display:none}.jd .jd-stage summary small{font-size:13px;color:#526b8d}.jd .jd-stage summary h2{font-size:25px;margin:10px 0;line-height:1.5}.jd .jd-stage summary b{position:absolute;right:3px;top:60px;font-size:20px;font-weight:400}.jd .jd-answer p{font-size:15px;opacity:1;color:#4b5567}.jd .jd-answer ul{list-style:none;padding:0;margin:18px 0;font-size:14px;line-height:2.2;color:#63718a}.jd .jd-answer .link{margin-top:0}.jd .jd-stage-foot{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:20px}.jd .jd-stage-foot p{font-size:13px;color:#5f6a7e}.jd .jd-orbit{width:700px;height:340px;border:1px solid #9db8d5;border-radius:50%;position:absolute;left:50%;top:120px;transform:translateX(-50%);pointer-events:none;opacity:.45}.jd .jd-orbit i{width:12px;height:12px;background:#3878c2;border-radius:50%;position:absolute;left:50%;top:-6px;transform-origin:0 174px;animation:jdOrbit 10s linear infinite}.jd .jd-budget{padding:70px 0;background:#18385f;color:#eef4fa}.jd .jd-ticket{display:grid;grid-template-columns:1.15fr 1fr;gap:30px 65px;padding:40px;background:#21456f;position:relative;border-top:2px solid #d9e7f1;border-bottom:2px solid #d9e7f1}.jd .jd-ticket:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#86b9e5;transform-origin:left;animation:jdTicket 5s ease-in-out infinite}.jd .jd-ticket header p:last-child{font-size:15px;line-height:1.9;margin-top:20px;color:#d3e2ef}.jd .jd-ticket figure{height:265px;position:relative;overflow:hidden}.jd .jd-price-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #7994b0;border-bottom:1px solid #7994b0;margin-right:50px}.jd .jd-price-options button{background:none;border:0;color:#fff;text-align:left;padding:22px 20px;border-right:1px solid #7994b0;cursor:pointer;transition:background .25s}.jd .jd-price-options button:last-child{border-right:0}.jd .jd-price-options button[aria-pressed=true]{background:#335d87}.jd .jd-price-options button:hover{background:#2b527c}.jd .jd-price-options span{font-size:15px;display:block}.jd .jd-price-options strong{font-size:32px;font-weight:500;display:block;margin-top:8px}.jd .jd-price-options small{font-size:12px;margin-left:5px}.jd .jd-explain,.jd .jd-terms{grid-column:1/-1;padding-right:65px}.jd .jd-explain{font-size:15px}.jd .jd-terms{font-size:13px;color:#b9cee2;max-width:950px}.jd .jd-ad{margin-top:50px;margin-bottom:50px}.jd .jd-window{padding:65px 0;background:#ebeff2}.jd .jd-window-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:30px 65px;align-items:center}.jd .jd-window-copy p:not(.eyebrow){margin-top:24px;color:#596575}.jd .jd-screen{height:390px;position:relative;overflow:hidden}.jd .jd-screen img{animation:jdScreen 8s ease-in-out infinite alternate}.jd .jd-detail{height:280px;position:relative;overflow:hidden;width:75%;justify-self:end;margin-top:-45px;z-index:2;border:8px solid #ebeff2;border-left:0}.jd .jd-small-copy{padding:30px 80px 0 0;align-self:start}.jd .jd-small-copy h3{font-size:23px;margin-bottom:15px}.jd .jd-small-copy p{font-size:15px}.jd .jd-small-copy summary{font-size:15px}.jd .aux-reference>div{grid-template-columns:1fr}.jd .aux-reference a{background:#e9eef3;border-top:2px solid #6288b7}@keyframes jdLeft{from{transform:translateX(12px) rotate(1deg)}to{transform:translateX(-8px) rotate(-1deg)}}@keyframes jdRight{from{transform:translateX(-12px) rotate(-1deg)}to{transform:translateX(8px) rotate(1deg)}}@keyframes jdOrbit{to{transform:rotate(360deg)}}@keyframes jdTicket{0%,100%{transform:scaleX(.3)}55%{transform:scaleX(1)}}@keyframes jdScreen{from{transform:scale(1.04) translateX(-8px)}to{transform:scale(1) translateX(0)}}@media(max-width:900px){.jd .jd-stage{gap:30px}.jd .jd-stage summary h2{font-size:23px}.jd .jd-ticket{padding:28px;gap:25px}.jd .jd-window-grid{gap:25px}.jd .jd-small-copy{padding-right:55px}.jd .jd-heading h1 span{font-size:38px}}@media(max-width:680px){.jd .jd-choice{padding-top:28px}.jd .jd-heading h1 span{font-size:31px}.jd .jd-heading>p:last-of-type{font-size:14px}.jd .jd-jumps{gap:20px;margin:18px 0 30px}.jd .jd-jumps a{font-size:13px}.jd .jd-orbit{width:340px;height:200px;top:110px}.jd .jd-orbit i{transform-origin:0 104px}.jd .jd-stage{gap:22px;grid-template-columns:1fr}.jd .jd-stage article{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:start}.jd .jd-stage figure{height:160px;border-radius:55px 55px 0 0;animation:none;margin-top:8px}.jd .jd-stage figcaption{position:static;font-size:9px;padding:4px 0;background:none;line-height:1.4}.jd .jd-stage figure img{height:130px}.jd .jd-stage details{padding:8px 0 16px}.jd .jd-stage summary h2{font-size:21px;margin-top:8px}.jd .jd-stage summary small{font-size:12px}.jd .jd-stage summary b{top:45px;right:0}.jd .jd-answer p{font-size:14px}.jd .jd-answer ul{font-size:12px;line-height:1.9}.jd .jd-answer .link{font-size:12px}.jd .jd-stage-foot{display:block;margin-top:20px}.jd .jd-stage-foot .motion{margin-top:15px}.jd .jd-budget{padding:35px 0}.jd .jd-ticket{display:flex;flex-direction:column;gap:24px;padding:22px}.jd .jd-ticket header h2{font-size:26px}.jd .jd-ticket figure{height:190px;width:100%}.jd .jd-price-options{display:block;margin:0;width:100%}.jd .jd-price-options button{display:flex;align-items:center;justify-content:space-between;width:100%;border-right:0;border-bottom:1px solid #7994b0;padding:14px 50px 14px 0;gap:12px}.jd .jd-price-options button:last-child{border-bottom:0}.jd .jd-price-options strong{font-size:24px;margin:0;white-space:nowrap}.jd .jd-price-options span{font-size:13px}.jd .jd-price-options small{font-size:10px}.jd .jd-explain,.jd .jd-terms{padding-right:45px}.jd .jd-ticket header p:last-child{font-size:14px}.jd .jd-explain{font-size:14px}.jd .jd-window{padding:40px 0}.jd .jd-window-grid{grid-template-columns:1fr;gap:23px}.jd .jd-window-copy{max-width:280px}.jd .jd-screen{height:240px}.jd .jd-screen img{animation:none}.jd .jd-detail{height:175px;width:58%;justify-self:end;margin-top:-50px;border-width:6px}.jd .jd-small-copy{padding:0 55px 0 0}.jd .jd-small-copy h3{font-size:21px}.jd .jd-small-copy p{font-size:14px}}

/* Keep decorative connection lines under the same pause and offscreen controls. */
.jd.motion-paused *::before,.jd.motion-paused *::after,.jd [data-live="false"] *::before,.jd [data-live="false"] *::after{animation-play-state:paused!important}

/* Pause the section pseudo-element itself as well as descendants. */
.jd [data-live="false"]::before,.jd [data-live="false"]::after{animation-play-state:paused!important}

.jd-static-prices{display:flex;gap:40px;grid-column:1/-1;margin:0}.jd-static-prices div{flex:1;border-top:1px solid #7994b0;padding-top:18px}.jd-static-prices dt{font-size:15px}.jd-static-prices dd{margin:8px 0 0;font-size:28px}.jd-static-prices small{font-size:12px}.jd-static-price-note{font-size:14px;grid-column:1/-1;color:#d3e2ef}.jd-ticket>noscript{grid-column:1/-1}@media(max-width:680px){.jd-static-prices{display:block}.jd-static-prices div{display:flex;justify-content:space-between;align-items:center;padding:15px 0;gap:12px}.jd-static-prices dd{font-size:24px;margin:0}.jd-static-price-note{font-size:13px;margin-top:20px}}

/* Keep the business-identity phrase intact on narrow displays. */
.jd .jd-semantic-break{display:none}@media(max-width:680px){.jd .jd-semantic-break{display:initial}}

/* Phase3 mobile art direction: two alternative starts and broad-to-detailed presentation. */
.jd-mobile-routes,.jd-media-replay{display:none}
@media(max-width:680px){
.jd.mobile-art .jd-orbit{display:none}.jd.mobile-art .jd-jumps{margin-bottom:18px}
.jd.mobile-art .jd-mobile-routes{display:block;margin-bottom:36px}
.jd.mobile-art .jd-route-view{height:255px;display:flex;gap:8px;overflow:hidden;background:#d4e1ee}
.jd.mobile-art .jd-route-view figure{height:100%;width:50%;flex:none;overflow:hidden;position:relative}
.jd.mobile-art .jd-route-a{animation:jdRouteNew 9s cubic-bezier(.6,0,.25,1) both}
.jd.mobile-art .jd-route-b{animation:jdRouteRun 9s cubic-bezier(.6,0,.25,1) both}
.jd.mobile-art .jd-route-view img{object-position:50% 52%;height:100%;width:100%;max-width:none}
.jd.mobile-art .jd-route-caption{font-size:13px;margin-top:10px;color:#526b8d}
.jd.mobile-art .jd-route-controls{display:flex;gap:8px;margin-top:10px}
.jd.mobile-art .jd-route-controls button{font:inherit;font-size:13px;background:transparent;border:1px solid #6682ab;padding:8px 11px;color:#18385f;cursor:pointer;flex:1}
.jd.mobile-art .jd-route-controls button[aria-pressed=true]{color:#fff;background:#21456f}
.jd.mobile-art [data-route-selected] .jd-route-view figure{animation:none;transition:width .8s cubic-bezier(.2,.7,.2,1)}
.jd.mobile-art [data-route-selected=new] .jd-route-a,.jd.mobile-art [data-route-selected=running] .jd-route-b{width:78%}
.jd.mobile-art [data-route-selected=new] .jd-route-b,.jd.mobile-art [data-route-selected=running] .jd-route-a{width:calc(22% - 8px)}
.jd.mobile-art [data-route-selected=both] .jd-route-view figure{width:calc(50% - 4px)}
.jd.mobile-art .jd-ticket figure{overflow:hidden;perspective:800px}
.jd.mobile-art .jd-ticket figure[data-motion-entered] img{animation:jdLedgerOpen 2.8s cubic-bezier(.2,.7,.2,1) both}
.jd.mobile-art .jd-screen[data-motion-entered] img{animation:jdDesktopOpen 1.8s cubic-bezier(.2,.7,.2,1) both}
.jd.mobile-art .jd-detail[data-motion-entered]{animation:jdDetailTransfer 2.8s cubic-bezier(.2,.7,.2,1) both}
.jd.mobile-art .jd-media-replay{display:inline-block;margin-top:18px;padding:8px 12px;color:#21456f;border:1px solid #7e96b2;background:transparent;font:inherit;font-size:13px;cursor:pointer}
.jd.mobile-art [data-motion-visible=false],.jd.mobile-art [data-motion-visible=false] *{animation-play-state:paused!important}
}
@keyframes jdRouteNew{0%,8%{width:calc(50% - 4px)}24%,36%{width:78%}52%,64%{width:calc(22% - 8px)}86%,100%{width:calc(50% - 4px)}}
@keyframes jdRouteRun{0%,8%{width:calc(50% - 4px)}24%,36%{width:calc(22% - 8px)}52%,64%{width:78%}86%,100%{width:calc(50% - 4px)}}
@keyframes jdLedgerOpen{0%{clip-path:polygon(0 0,18% 0,18% 100%,0 100%)}40%{clip-path:polygon(0 0,63% 0,48% 100%,0 100%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
@keyframes jdDesktopOpen{from{clip-path:inset(0 55% 0 0);transform:perspective(800px) rotateY(-24deg)}to{clip-path:inset(0);transform:none}}
@keyframes jdDetailTransfer{0%{transform:translate(-100px,-72px) rotate(-12deg);clip-path:inset(0 65% 0 0)}30%{clip-path:inset(0)}100%{transform:none;clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.jd.mobile-art .jd-route-view figure{width:calc(50% - 4px)}.jd.mobile-art .jd-ticket figure img,.jd.mobile-art .jd-screen img,.jd.mobile-art .jd-detail{clip-path:inset(0);transform:none}}