/* Platform light is a quiet part of the city, rather than a simulated app. */
body[data-design='tokyo'] .td-platform-ready{--td-panel-base:425px;--td-platform-cyan:#75e1df;--td-platform-pink:#f644a0}
body[data-design='tokyo'] .td-platform-ready .tokyo-platform-tabs{gap:6px;align-items:center;padding-bottom:15px}
body[data-design='tokyo'] .td-platform-ready .tokyo-platform-tabs button{position:relative;isolation:isolate;font-size:16px;min-height:48px;padding:12px 17px;border-radius:0;color:#b7b4c2}
body[data-design='tokyo'] .td-platform-ready .tokyo-platform-tabs button[aria-selected='true']{background:#2b1122;border-color:#bd3b83;color:#ffe9f6}
body[data-design='tokyo'] .td-platform-ready .tokyo-platform-tabs button:hover{border-color:#6ea9af;color:#fff}
body[data-design='tokyo'] .td-tab-progress{position:absolute;left:-1px;right:-1px;bottom:-1px;height:2px;background:#84e5e3;box-shadow:0 0 12px #69cfd770;transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
body[data-design='tokyo'] .td-platform-cycle{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;line-height:1.6;color:#8d8d9f;margin:11px 0 17px;letter-spacing:.035em;min-height:20px}
body[data-design='tokyo'] .td-platform-cycle>span:first-child{font-size:10px;letter-spacing:.13em;color:#ad8ca5}
body[data-design='tokyo'] .td-cycle-state{display:flex;align-items:center;gap:7px}
body[data-design='tokyo'] .td-cycle-state:before{content:'';width:4px;height:4px;flex:0 0 auto;background:#727483;border-radius:50%}
body[data-design='tokyo'] [data-platform-auto='running'] .td-cycle-state:before{background:#83dfdf;box-shadow:0 0 8px #63dbe35e}
body[data-design='tokyo'] .td-platform-ready .tokyo-platform-panel{min-height:max(var(--td-panel-base),var(--td-panel-height,0px));padding:137px 31px 31px;border:1px solid #544057;background:#101018;overflow:hidden;isolation:isolate}
body[data-design='tokyo'] .td-platform-ready .tokyo-platform-panel:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 99% 0,#bc1e762c,transparent 62%),radial-gradient(ellipse at 0 100%,#246d7b24,transparent 62%);transition:opacity .5s}
body[data-design='tokyo'] .td-platform-ready .tokyo-platform-panel:after{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#e4419b80,transparent 48%,#68d9df70);pointer-events:none}
body[data-design='tokyo'] .td-platform-ready .tokyo-platform-word{top:15px;right:21px;font-size:clamp(103px,9vw,171px);color:#43223d;opacity:1;text-shadow:1px 1px 0 #5ba9b025;line-height:1;transition:color .6s}
body[data-design='tokyo'] .td-platform-ready[data-current-platform='android'] .tokyo-platform-word{color:#253e41}
body[data-design='tokyo'] .td-platform-ready[data-current-platform='windows'] .tokyo-platform-word{color:#34334c}
body[data-design='tokyo'] .td-platform-ready[data-current-platform='macos'] .tokyo-platform-word{color:#453044}
body[data-design='tokyo'] .td-platform-ready[data-current-platform='linux'] .tokyo-platform-word{color:#314343}
body[data-design='tokyo'] .td-platform-ready .tokyo-platform-index{font-size:12px;letter-spacing:.12em;color:#d78bb7}
body[data-design='tokyo'] .td-platform-ready .tokyo-platform-content h3{font-size:32px;margin-top:16px;margin-bottom:20px;line-height:1.35}
body[data-design='tokyo'] .td-platform-ready .tokyo-platform-content p{font-size:18px;line-height:1.85;color:#c0b6c8;max-width:600px;margin-bottom:24px}
body[data-design='tokyo'] .td-platform-ready .tokyo-text-link{min-height:47px;font-size:16px;line-height:1.6;border-bottom-color:#a5648d}
body[data-design='tokyo'] .td-platform-ready .tokyo-platform-footnote{font-size:16px;line-height:1.8;color:#a9a5b5;margin-top:20px}
body[data-design='tokyo'] .td-platform-probe{position:absolute!important;top:0!important;left:0!important;right:auto!important;height:auto!important;min-height:0!important;max-height:none!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;opacity:1!important;animation:none!important;transition:none!important;z-index:-10!important}

/* These highlights move only with the reader's progress down the page. */
body[data-design='tokyo'] .td-detail-section{--td-progress:0}
body[data-design='tokyo'] :is(.tokyo-editorial,.tokyo-divider,[data-pricing],.tokyo-start).td-detail-section{position:relative}
body[data-design='tokyo'] .td-seam-line{display:block;position:absolute;left:0;right:0;bottom:-1px;height:1px;transform:scaleX(var(--td-progress));transform-origin:0 50%;background:linear-gradient(90deg,#6bdde3b8,#ec309b 62%,#e89bc829);box-shadow:0 0 9px #bb32892e;pointer-events:none;z-index:2}
body[data-design='tokyo'] .tokyo-divider.td-detail-section{isolation:isolate}
body[data-design='tokyo'] .tokyo-divider.td-detail-section:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,#9a22532a,transparent);opacity:calc(var(--td-progress) * .8);pointer-events:none}
body[data-design='tokyo'] .td-pricing .td-price-heading{position:relative;--td-arrival:0}
body[data-design='tokyo'] .td-price-heading-light{position:absolute;left:0;bottom:-19px;display:block;width:90px;height:2px;background:linear-gradient(90deg,#ef3b9e,#85e0e4);transform:scaleX(var(--td-arrival));transform-origin:0 50%;box-shadow:0 0 17px #ce2c903f;pointer-events:none}
body[data-design='tokyo'] .td-pricing .c-plan{position:relative;isolation:isolate;background-image:radial-gradient(ellipse at 100% 0,#73174414,transparent 52%);transition:border-color .35s,box-shadow .35s}
body[data-design='tokyo'] .td-pricing .c-plan:before{content:'';position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(100deg,transparent 12%,#73dfe4b3 36%,#ff3fa6bf 55%,transparent 78%);background-size:200% 100%;background-position:calc((1 - var(--td-progress)) * 100%) 0;box-shadow:0 0 18px #cb3d943d;pointer-events:none}
body[data-design='tokyo'] .td-pricing .c-plan:after{content:'';position:absolute;right:15px;top:15px;width:22px;height:22px;border-top:1px solid #66c6cd3d;border-right:1px solid #66c6cd3d;opacity:calc(.3 + var(--td-progress) * .7);pointer-events:none}
body[data-design='tokyo'] .td-pricing .c-plan.featured{box-shadow:0 0 calc(10px + var(--td-progress) * 18px) #dd24751a}
body[data-design='tokyo'] .td-pricing .c-plan:focus-within{border-color:#90dde0}
body[data-design='tokyo'] .tokyo-start .td-steps{position:relative;padding-left:18px;isolation:isolate;--td-progress:0}
body[data-design='tokyo'] .td-steps:before{content:'';position:absolute;left:0;top:24px;bottom:24px;width:1px;background:#63516980;pointer-events:none}
body[data-design='tokyo'] .td-steps:after{content:'';position:absolute;left:0;top:24px;bottom:24px;width:1px;background:linear-gradient(180deg,#6fe0e1,#ef499f);box-shadow:0 0 9px #bd408970;transform:scaleY(var(--td-progress));transform-origin:50% 0;pointer-events:none}
body[data-design='tokyo'] .td-steps li{position:relative;font-size:17px;line-height:1.75;gap:18px;padding:16px 0}
body[data-design='tokyo'] .td-steps li:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:1px;background:linear-gradient(90deg,#77d8db80,#db3b8b45,transparent);transform:scaleX(var(--td-step,0));transform-origin:0 50%;pointer-events:none}
body[data-design='tokyo'] .td-steps li>span{font-size:12px;padding-top:4px;color:#bd7c9e;transition:color .35s,text-shadow .35s}
body[data-design='tokyo'] .td-steps li.td-step-lit>span{color:#8fe1e1;text-shadow:0 0 10px #6fd2da34}
body[data-design='tokyo'] .td-sign-sheen{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;opacity:.35}
body[data-design='tokyo'] .td-sign-sheen>span{display:block;position:absolute;inset:-10% -30%;background:linear-gradient(110deg,transparent 36%,#fff6d700 41%,#fff6d779 49%,#fff6d700 57%,transparent 63%);transform:translateX(calc((var(--td-progress) - .5) * 125%));pointer-events:none}
body[data-design='tokyo'] .td-close-link{position:relative;isolation:isolate}
body[data-design='tokyo'] .td-closing-orbit{position:absolute;inset:-12px;display:block;border:1px solid #6ac8d02d;border-radius:50%;pointer-events:none}
body[data-design='tokyo'] .td-closing-orbit>svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
body[data-design='tokyo'] .td-closing-orbit circle{fill:#83dadd;filter:drop-shadow(0 0 4px #6cd6df9c);transform:rotate(calc(var(--td-progress) * 54deg - 25deg));transform-box:view-box;transform-origin:50% 50%}

@media(min-width:2100px){
  body[data-design='tokyo'] .td-platform-ready{--td-panel-base:480px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-tabs button{font-size:19px;min-height:53px;padding-inline:20px}
  body[data-design='tokyo'] .td-platform-cycle{font-size:14px;min-height:23px}
  body[data-design='tokyo'] .td-platform-cycle>span:first-child{font-size:12px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-panel{padding:159px 36px 37px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-word{font-size:215px;right:25px;top:15px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-content h3{font-size:39px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-content p{font-size:21px;max-width:760px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-index{font-size:14px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-text-link{font-size:19px;min-height:52px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-footnote{font-size:18px}
  body[data-design='tokyo'] .td-steps li{font-size:20px;gap:23px;padding-block:19px}
  body[data-design='tokyo'] .td-steps li>span{font-size:14px}
}
@media(max-width:1150px){
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-tabs button{font-size:15px;padding-inline:13px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-panel{padding:123px 25px 29px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-word{font-size:clamp(105px,11.5vw,155px);right:18px;top:13px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-content h3{font-size:30px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-content p{font-size:17px}
}
@media(max-width:800px){
  body[data-design='tokyo'] .td-platform-ready{--td-panel-base:395px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-tabs{gap:5px;padding-bottom:15px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-tabs button{font-size:15px;min-height:46px;padding:12px 15px}
  body[data-design='tokyo'] .td-platform-cycle{font-size:11px;margin:11px 0 16px;gap:12px;letter-spacing:0}
  body[data-design='tokyo'] .td-platform-cycle>span:first-child{font-size:9px;letter-spacing:.11em}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-panel{padding:121px 23px 28px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-word{font-size:clamp(100px,20vw,155px);right:16px;top:11px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-content h3{font-size:28px;line-height:1.35;margin-top:15px;margin-bottom:19px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-content p{font-size:17px;line-height:1.85;margin-bottom:21px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-index{font-size:11px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-text-link{font-size:16px;line-height:1.65;gap:20px;min-height:48px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-footnote{font-size:16px;line-height:1.8;margin-top:18px}
  body[data-design='tokyo'] .td-price-heading-light{bottom:-17px;width:72px}
  body[data-design='tokyo'] .td-steps li{font-size:16px;line-height:1.85;gap:15px;padding-block:15px}
  body[data-design='tokyo'] .td-steps li>span{font-size:11px;padding-top:5px}
  body[data-design='tokyo'] .td-closing-orbit{inset:-9px}
}
@media(max-width:359px){
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-tabs{gap:4px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-tabs button{font-size:14px;padding-inline:12px}
  body[data-design='tokyo'] .td-platform-cycle{font-size:10px;gap:8px}
  body[data-design='tokyo'] .td-platform-cycle>span:first-child{font-size:8px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-panel{padding:111px 21px 26px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-word{font-size:100px;right:14px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-content h3{font-size:25px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-platform-content p{font-size:16px}
  body[data-design='tokyo'] .td-platform-ready .tokyo-text-link{font-size:15px;gap:15px}
}
html[data-motion='paused'] body[data-design='tokyo'] .td-tab-progress{box-shadow:none}
@media(prefers-reduced-motion:reduce){
  body[data-design='tokyo'] .td-seam-line,body[data-design='tokyo'] .td-steps:after{transform:none!important}
  body[data-design='tokyo'] .td-price-heading-light{transform:none!important}
  body[data-design='tokyo'] .td-steps li:after{transform:none!important}
  body[data-design='tokyo'] .td-sign-sheen{display:none}
  body[data-design='tokyo'] .td-closing-orbit{transform:none!important}
  body[data-design='tokyo'] .td-platform-ready :is(.tokyo-platform-content,.tokyo-platform-word){animation:none!important;transition:none!important}
}