/* SimpleTD 2.0: an orbital command palette within the studio's visual system. */
.simpletd-version-panel[hidden]{display:none!important}
.simpletd-version-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 6%;border-bottom:1px solid var(--line);background:#111718}
.simpletd-version-tabs{display:flex;gap:4px;padding:4px;background:#080f12;border:1px solid #31444a}
.simpletd-version-tabs a{display:flex;align-items:center;gap:12px;padding:9px 18px;border:1px solid transparent;color:#9eb0b7;font-size:12px}
.simpletd-version-tabs strong{font-family:var(--display);font-size:24px;line-height:1}
.simpletd-version-tabs a:hover{color:#fff}
.simpletd-version-tabs a[aria-selected=true]{color:#0a151a;background:#57d4ed;border-color:#57d4ed}
.simpletd-2{--command:#57d4ed;--command-ink:#d8e8ed;--command-muted:#a9bbc2;background:#101719}
.simpletd-2 p{color:var(--command-muted)}
.simpletd-2 .eyebrow,.simpletd-2 .feature-number{color:var(--command)}
.simpletd-2 a:focus-visible,.simpletd-2 button:focus-visible{outline-color:var(--command)}
.simpletd-2-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:770px;padding:52px 6% 46px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 40%,#18414c75,transparent 55%),#0b151a}
.simpletd-2-copy{position:relative;z-index:1;max-width:760px}
.simpletd-2-release{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:28px;font-size:10px}
.simpletd-2-release span{padding:6px 10px;border:1px solid #355861;color:#d2e8ed}
.simpletd-2-name{display:flex;align-items:center;gap:14px;font-size:24px!important;font-weight:800;margin-bottom:22px;color:#fff!important}
.simpletd-2-name span{font-family:var(--display);color:#061519;font-size:26px;font-weight:800;background:var(--command);padding:4px 10px;line-height:1}
.simpletd-2 h1{font-size:clamp(62px,7.2vw,114px);letter-spacing:-.018em;line-height:.94;margin-bottom:32px}
.simpletd-2 h1 em{font-style:normal;color:var(--command)}
.simpletd-2-copy>p:not(.eyebrow){max-width:540px;font-size:17px}
.simpletd-2-copy .simpletd-2-deck{font-size:25px!important;color:#f4f8fa!important;line-height:1.3;margin-bottom:15px}
.simpletd-2 .button{background:var(--command);border-color:var(--command);color:#071318}
.simpletd-2 .button:hover{background:#91e9f9}
.simpletd-2 .text-link:hover{color:var(--command)}
.simpletd-2-copy .simpletd-2-platforms{font-size:12px!important;margin-top:24px;letter-spacing:.025em}
.simpletd-2-art{min-height:620px;position:relative;display:flex;justify-content:center;align-items:center;margin-left:40px}
.simpletd-2-art-orbit{position:absolute;width:660px;aspect-ratio:1;border:1px solid #50bddc2b;border-radius:50%;box-shadow:0 0 0 65px #57d4ed06,0 0 0 130px #57d4ed04;transform:rotate(-20deg)}
.simpletd-2-art:after{content:'2.0';font-family:var(--display);font-size:270px;font-weight:800;color:#66cbe00b;position:absolute;right:-30%;bottom:-28%;line-height:1;pointer-events:none}
.simpletd-2-phone{width:280px;height:auto;border:1px solid #577680;border-radius:24px;box-shadow:24px 30px 85px #0008;transform:rotate(7deg);position:relative;z-index:1}
.simpletd-2-art-caption{position:absolute;bottom:-3px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.18em;color:#91b4c1}
.simpletd-2-manifesto{padding:23px 6%;display:flex;justify-content:space-between;gap:24px;align-items:center;background:var(--command);color:#08222b;font-family:var(--display);font-weight:800;font-size:clamp(38px,4.8vw,74px);line-height:1}
.simpletd-2-manifesto-note{font-family:var(--font);font-size:10px;letter-spacing:.1em;line-height:1.6;border-left:1px solid #08344355;padding-left:30px}
.simpletd-2 .feature-grid h3{font-size:24px}
.simpletd-2 .feature-grid article{border-color:#35545e}
.simpletd-2 .feature-number{font-size:13px;letter-spacing:.12em}
.simpletd-2-operations{display:grid;grid-template-columns:1fr 1.3fr;gap:7%;padding:85px 6%;background:#091319;border-block:1px solid #30444c}
.simpletd-2-operations h2{font-size:clamp(48px,4.5vw,74px);line-height:1;margin:24px 0}
.simpletd-2-operations h2 span{color:var(--command)}
.simpletd-2-operations>div>p{max-width:360px}
.simpletd-2-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.simpletd-2-mode-grid article{border-top:1px solid #355c67;padding-top:22px}
.simpletd-2-mode-grid article>span{font-size:12px;color:var(--command)}
.simpletd-2-mode-grid h3{margin:18px 0 12px;font-size:23px}
.simpletd-2-mode-grid p{font-size:14px;margin:0;line-height:1.8}
.simpletd-2 .screenshot-grid{max-width:1080px;margin:auto}
.simpletd-2 .screenshot-button{display:block;background:#08141a;border:1px solid #355c67}
.simpletd-2 .screenshot-button:hover{border-color:var(--command)}
.simpletd-2 .screenshot-button img{width:100%;height:auto}
.simpletd-2 .screenshot-grid .eyebrow{margin-right:8px}
.simpletd-2-return{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:75px 8%;background:#18343d;border-top:1px solid #355c67}
.simpletd-2-return h2{font-size:clamp(48px,4.5vw,70px);margin:22px 0}
.simpletd-2-return p{max-width:520px}
.simpletd-2-launch{align-self:center;border-left:1px solid #547380;padding-left:48px}
.simpletd-2-launch time{display:flex;align-items:baseline;gap:16px;color:#f7fbfc;font-family:var(--display);font-size:44px;font-weight:700;line-height:1;margin:18px 0}
.simpletd-2-launch time strong{font-size:90px;color:var(--command)}
.simpletd-2-launch time span{font-family:var(--font);font-size:17px;font-weight:400}
.simpletd-2-launch .small-note{font-size:12px;max-width:380px;margin:16px 0 0}
.simpletd-legacy-notice{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:18px 6%;font-size:12px;background:#242824;border-bottom:1px solid var(--line)}
.simpletd-legacy-notice strong{letter-spacing:.08em}.simpletd-legacy-notice span{color:var(--muted)}.simpletd-legacy-notice a{margin-left:auto;text-decoration:underline}
#version-1 .simple-hero .simple-legacy-title{font-family:var(--display);font-size:clamp(65px,6.2vw,105px);font-weight:800;line-height:.95;letter-spacing:-.01em;margin:22px 0 25px}
@media(max-width:1050px){.simpletd-2-hero{grid-template-columns:1.2fr .8fr}.simpletd-2 h1{font-size:clamp(56px,7.5vw,80px)}.simpletd-2-phone{width:240px}.simpletd-2-art{margin-left:22px;min-height:560px}.simpletd-2-manifesto-note{display:none}.simpletd-2-operations{grid-template-columns:1fr;gap:28px}.simpletd-2-operations>div>p{max-width:600px}.simpletd-2-return{gap:5%;padding:65px 6%}.simpletd-2-launch{padding-left:25px}}
@media(max-width:700px){.simpletd-version-bar{padding:18px 6%;gap:14px;flex-wrap:wrap}.simpletd-version-bar>.breadcrumb{font-size:10px}.simpletd-version-tabs{flex:1;margin-left:auto;max-width:340px}.simpletd-version-tabs a{flex:1;justify-content:center;padding:9px 12px;gap:9px}.simpletd-version-tabs a span{font-size:10px}.simpletd-2-hero{display:block;padding:35px 6% 32px}.simpletd-2-release{margin-bottom:26px;font-size:9px;gap:10px}.simpletd-2 h1{font-size:clamp(56px,13.3vw,89px);margin-bottom:25px}.simpletd-2-name{font-size:21px!important;margin-bottom:20px}.simpletd-2-copy .simpletd-2-deck{font-size:22px!important}.simpletd-2-copy>p:not(.eyebrow){font-size:16px}.simpletd-2-art{margin:40px 0 0;min-height:550px}.simpletd-2-phone{width:235px;transform:rotate(4deg)}.simpletd-2-art-caption{bottom:0}.simpletd-2-art:after{display:none}.simpletd-2-manifesto{gap:10px;padding:23px 6%;font-size:clamp(30px,7.5vw,52px)}.simpletd-2 .section{padding-top:56px;padding-bottom:56px}.simpletd-2-operations{padding:50px 6%}.simpletd-2-mode-grid{gap:25px 22px}.simpletd-2-mode-grid h3{font-size:20px}.simpletd-2-mode-grid p{font-size:13px}.simpletd-2-return{grid-template-columns:1fr;gap:38px;padding:50px 6%}.simpletd-2-launch{padding-left:0;padding-top:25px;border-left:0;border-top:1px solid #547380}.simpletd-legacy-notice{gap:8px 18px}.simpletd-legacy-notice a{margin-left:0}#version-1 .simple-hero .simple-legacy-title{font-size:64px}}

/* Keep enlarged text inside its column instead of widening the page. */
.simpletd-2-copy,.simpletd-2-art,.simpletd-2-operations>div,.simpletd-2-mode-grid article,.simpletd-2-return>div,.simpletd-2 .section-heading>div{min-width:0}
.simpletd-2 :is(h1,h2,h3,p,.eyebrow,.button,.text-link){overflow-wrap:anywhere}
.simpletd-2 .button,.simpletd-2 .text-link{max-width:100%;white-space:normal}
.simpletd-2-copy .simpletd-2-platforms{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.simpletd-2-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.simpletd-2-manifesto{flex-wrap:wrap}
.simpletd-2-launch time{flex-wrap:wrap}
@media(max-width:900px){
 .simpletd-2-return{grid-template-columns:minmax(0,1fr);gap:32px}
 .simpletd-2-launch{padding-left:0;padding-top:25px;border-left:0;border-top:1px solid #547380}
}
@media(max-width:480px){
 .simpletd-2-mode-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .simpletd-2-mode-grid h3{font-size:23px}
 .simpletd-2-mode-grid p{font-size:15px}
 .simpletd-2-art-caption{letter-spacing:.1em}
}