/* The introduction has its own night palette across the site's themes. */
.tl-banner,.tl-page {
  --tl-ink:#f5f7fb;
  --tl-copy:#bbc4d0;
  --tl-soft:#99a7b7;
  --tl-line:#ffffff29;
  --ink:var(--tl-ink);
  --muted:var(--tl-copy);
  color:var(--tl-ink);
  color-scheme:dark;
  font-family:'DM Sans',system-ui,sans-serif;
}
.tl-banner[hidden],.tl-banner-dismiss[hidden]{display:none}
.tl-banner {
  position:relative;isolation:isolate;overflow:hidden;
  width:100%;margin:8px 0;background:#020407;border-block:1px solid #7384974d;
}
.tl-banner .tl-banner-earth {
  position:absolute;z-index:-2;right:0;top:0;width:min(48%,860px);height:100%;max-width:none;
  object-fit:cover;object-position:74% 44%;pointer-events:none;
}
.tl-banner::after {
  content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#030406 0%,#030406 30%,#030406c7 47%,transparent 73%);
}
.tl-banner-copy {display:grid;grid-template-columns:minmax(0,58ch) max-content;column-gap:clamp(22px,3vw,50px);row-gap:4px;align-content:center;width:fit-content;max-width:calc(100% - 48px);padding:14px clamp(18px,5vw,100px)}
.tl-banner .tl-banner-copy h2 {grid-column:1;font:550 clamp(21px,2vw,29px)/1.12 'DM Sans',sans-serif;letter-spacing:-.045em;margin:0;color:var(--tl-ink)}
.tl-banner .tl-banner-copy p {grid-column:1;color:#c3c9d0;margin:0;font-size:15px;line-height:1.4}
.tl-banner .tl-banner-actions {grid-column:2;grid-row:1 / span 2;align-self:center}
.tl-banner-actions {display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.tl-action {display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:9px;min-height:38px;padding:7px 16px;font:600 14px/1.35 'DM Sans',sans-serif;text-decoration:none;transition:background .18s,transform .18s}
.tl-banner .tl-action-light {color:#10151c;background:#f5f6f9}
.tl-banner .tl-action-outline {color:#eaf1fa;background:#0b1016cc;border-color:#b2c2d34d}
.tl-action:active {transform:translateY(1px)}
.tl-banner .tl-action-light:hover {color:#050b12;background:#dbeafb}
.tl-banner .tl-action-outline:hover {background:#26313e}
.tl-banner-dismiss {position:absolute;right:13px;top:12px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #d4e5f24f;border-radius:9px;color:#fff;background:#0c111ac9;cursor:pointer}
.tl-banner-dismiss:hover {background:#34414d}

body:has(.tl-page) #main {background:#040608;color-scheme:dark}
body:has(.tl-page) #main>.breadcrumbs {color:#acb7c4;border-color:var(--tl-line);margin-top:0;padding-block:15px}
body:has(.tl-page) #main>.breadcrumbs a {color:#d7dfe9}
.tl-page {overflow:clip;background:#050709}
.tl-page .wrap {width:min(1216px,calc(100% - clamp(42px,9vw,136px)));margin-inline:auto}
.tl-hero {position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(430px,40vw,580px);overflow:hidden;border-bottom:1px solid var(--tl-line);background:#010204}
.tl-hero .tl-planet {position:absolute;inset:0;z-index:-3;display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:94% 48%;pointer-events:none}
.tl-hero::before {content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#010204 0%,#010204eb 25%,#01020480 49%,transparent 72%),linear-gradient(0deg,#030507 0%,#03050700 20%)}
.tl-hero-inner {position:relative;padding-block:clamp(52px,6vw,92px);z-index:1}
.tl-product {display:flex;align-items:center;gap:10px;width:max-content;margin-bottom:16px;color:#c0ccdb;font:600 12px/1.4 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.tl-product::before {content:'';width:22px;height:1px;background:#95c8e1}
.tl-page .tl-hero h1 {color:#f7f9fb;font:600 clamp(75px,9vw,148px)/.96 'Manrope','DM Sans',sans-serif;letter-spacing:-.085em;margin:0 0 23px}
.tl-hero h1 span {font-weight:450;letter-spacing:-.085em}
.tl-page .tl-intro {color:#d3dbe5;font:450 clamp(18px,1.75vw,26px)/1.45 'DM Sans',sans-serif;max-width:min(34ch,52%);margin:0 0 clamp(26px,3vw,42px);letter-spacing:-.025em}
.tl-orbit {position:absolute;z-index:-1;right:-18%;top:12%;width:58%;height:70%;border:1px solid #bfe8ff35;border-radius:50%;transform:rotate(-34deg);pointer-events:none}
.tl-orbit i {position:absolute;width:6px;height:6px;top:12.5%;left:16%;border-radius:50%;background:#eafaff;box-shadow:0 0 11px 2px #89cff6}
.tl-composer {display:flex;align-items:center;gap:12px;max-width:min(530px,53%);min-height:60px;padding:7px 9px 7px 17px;border:1px solid #c9d9e157;border-radius:18px;background:linear-gradient(135deg,#25313bd4,#0c121be8);box-shadow:inset 0 1px 0 #ffffff1e,0 14px 36px #0006}
.tl-composer:focus-within {border-color:#b6e5ff;box-shadow:0 0 0 2px #89c8ff42}
.tl-sr {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.tl-composer-orb {flex:none;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 30% 26%,#f6feff,#a2d6f0 20%,#526f92 45%,#101c28 70%,#a4c4d0 95%);box-shadow:0 0 11px #82d2fa38}
.tl-page form.tl-composer input {flex:1;min-width:0;width:auto;border:0;box-shadow:none;outline:none;background:transparent;color:#fff;font:500 16px/1.4 'DM Sans',sans-serif;padding:8px 0;margin:0}
.tl-page form.tl-composer input::placeholder {color:#c4cfd9;opacity:1}
.tl-composer button {flex:none;border:0;border-radius:13px;background:#e6f3fd;color:#111c25;width:42px;height:42px;display:grid;place-items:center;cursor:pointer}
.tl-composer button:hover {background:#fff}
.tl-page .tl-access {font:450 13px/1.5 'DM Sans',sans-serif;color:#aebbc9;margin:10px 0 0}
.tl-use {padding-block:clamp(55px,7vw,100px) clamp(40px,5vw,82px)}
.tl-page :is(.tl-use,.tl-memory) h2 {color:var(--tl-ink);font:520 clamp(29px,3.8vw,53px)/1.12 'Manrope','DM Sans',sans-serif;letter-spacing:-.055em;margin:0 0 clamp(23px,3vw,40px)}
.tl-research-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.tl-research-card {position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(20px,2.4vw,34px);border:1px solid #c6dded24;border-radius:20px;background:linear-gradient(140deg,#131c24,#0b1015 48%,#0a0d10);box-shadow:inset 0 1px 0 #e2edff0e}
.tl-research-card:nth-child(2) {background:linear-gradient(140deg,#1d1b26,#0e1017 48%,#0a0d10)}
.tl-research-card:nth-child(3) {background:linear-gradient(140deg,#13211f,#0a1112 48%,#0a0d10)}
.tl-page .tl-research-card h3 {color:var(--tl-ink);font:550 clamp(20px,2vw,27px)/1.16 'DM Sans',sans-serif;letter-spacing:-.04em;margin:13px 0 9px}
.tl-page .tl-research-card p {font:400 clamp(14px,1.17vw,17px)/1.55 'DM Sans',sans-serif;color:var(--tl-copy);margin:0 0 22px}
.tl-research-card button {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;margin-top:auto;padding:14px 0 0;border:0;border-top:1px solid #e3f2ff1c;background:none;color:#e2eaf1;cursor:pointer;font:500 14px/1.45 'DM Sans',sans-serif}
.tl-research-card button span:last-child {flex:none;color:#bef0ff;font-size:20px}
.tl-research-card button:hover {color:#b9eaff}
.tl-object {display:block;position:relative;width:62px;height:53px;isolation:isolate;margin-bottom:7px;filter:drop-shadow(0 5px 8px #000b)}
.tl-object-prism i {position:absolute;inset:3px 3px 0 1px;background:linear-gradient(140deg,#e0fdff,#74bddb 48%,#285875);clip-path:polygon(48% 0,94% 76%,48% 100%,3% 77%)}
.tl-object-prism i:nth-child(2) {background:linear-gradient(137deg,#9bd9f3,#264760);clip-path:polygon(48% 0,48% 100%,3% 77%)}
.tl-object-prism i:nth-child(3) {background:linear-gradient(126deg,#f6feff,#86c8e3);clip-path:polygon(48% 0,67% 68%,48% 100%,56% 58%)}
.tl-object-layers i {position:absolute;left:7px;top:9px;width:39px;height:32px;border:1px solid #e9daffb3;border-radius:5px;transform:rotate(-17deg) skew(13deg);background:linear-gradient(135deg,#e2caff89,#574980cc);box-shadow:inset 1px 2px 3px #ffffff6b,0 3px 5px #0007}
.tl-object-layers i:nth-child(2) {left:12px;top:13px}.tl-object-layers i:nth-child(3) {left:17px;top:17px}
.tl-object-compass i:first-child {inset:1px 7px 0 1px;border-radius:50%;position:absolute;background:radial-gradient(at 34% 25%,#b4f3df97,#265346 46%,#0b231e 80%);border:2px solid #acdfd088;box-shadow:inset -2px -3px 5px #07100e,inset 2px 1px 3px #c4f8de99}
.tl-object-compass i:nth-child(2),.tl-object-compass i:nth-child(3) {position:absolute;inset:8px 17px 8px 11px;clip-path:polygon(78% 0,60% 63%,17% 99%,37% 40%);background:linear-gradient(130deg,#e1fff2 0 52%,#78bdac 54%,#376058)}
.tl-object-compass i:nth-child(3) {inset:25px auto auto 26px;width:4px;height:4px;border-radius:50%;background:#fff;clip-path:none}
.tl-memory {display:grid;grid-template-columns:160px 1fr;align-items:center;gap:clamp(24px,4vw,68px);border-top:1px solid #c6d8e224;padding-block:clamp(40px,6vw,82px) clamp(60px,8vw,108px)}
.tl-page .tl-memory h2 {margin-bottom:12px}
.tl-page .tl-memory p {color:var(--tl-copy);max-width:64ch;font-size:clamp(15px,1.24vw,18px);line-height:1.65;margin:0 0 20px}
.tl-memory a {color:#c3eaff;font-size:15px;text-decoration:underline;text-underline-offset:.25em}
.tl-memory-glyph {width:126px;height:126px;position:relative;justify-self:center}
.tl-memory-glyph::before {content:'';position:absolute;inset:21%;border-radius:50%;background:radial-gradient(at 34% 25%,#e5f9ff,#6d9cac 20%,#243c48 52%,#080d11 80%,#69919c);box-shadow:0 0 33px #60b9c427}
.tl-memory-glyph i {position:absolute;inset:17% -3%;border:1px solid #bde7ff7a;border-radius:50%;transform:rotate(-32deg);box-shadow:0 1px 0 #a7b8c42b}
.tl-memory-glyph i:nth-child(2) {inset:28% -4%;transform:rotate(36deg);border-color:#aabaca60}
.tl-memory-glyph i:nth-child(3) {inset:-3% 24%;transform:rotate(21deg);border-color:#d3f6ff52}
.tl-page :is(a,button,input):focus-visible,.tl-banner :is(a,button):focus-visible {outline:3px solid #a6e3ff;outline-offset:4px}
.tl-page .tl-composer input:focus-visible {outline:0}
@media(pointer:fine) and (prefers-reduced-motion:no-preference) {
 .tl-object {transition:transform .36s ease}
 .tl-research-card:hover .tl-object {transform:translateY(-5px) rotate(-4deg)}
}
@media(prefers-reduced-motion:no-preference) {
 .motion-enabled .tl-hero .tl-planet {animation:tl-arrive 1.6s cubic-bezier(.18,.64,.28,1) both}
 .motion-enabled .tl-orbit i {animation:tl-satellite 4.5s ease-in-out infinite alternate}
 .motion-enabled .tl-memory-glyph i:nth-child(2) {animation:tl-precession 8s ease-in-out infinite alternate}
 @keyframes tl-arrive {from{transform:scale(1.045);opacity:.69}to{transform:scale(1);opacity:1}}
 @keyframes tl-satellite {from{opacity:.58;box-shadow:0 0 5px #89cff6}to{opacity:1;box-shadow:0 0 14px 3px #89cff6}}
 @keyframes tl-precession {to{transform:rotate(56deg)}}
}
@media(max-width:780px) {
 .tl-page .wrap {width:calc(100% - 42px)}
 .tl-hero {min-height:440px}
 .tl-hero .tl-planet {width:123%;left:-8%;object-position:63% center}
 .tl-hero::before {background:linear-gradient(90deg,#020305f2 2%,#020305b0 40%,transparent 88%),linear-gradient(0deg,#030507 0%,#03050700 46%)}
 .tl-page .tl-intro {max-width:min(34ch,72%)}
 .tl-composer {max-width:min(510px,84%)}
 .tl-research-grid {grid-template-columns:1fr}
 .tl-research-card {display:grid;grid-template-columns:59px minmax(0,1fr);column-gap:20px}
 .tl-object {grid-row:1/3;align-self:center;margin:0}
 .tl-page .tl-research-card h3 {margin:0 0 5px}
 .tl-page .tl-research-card p {margin:0}
 .tl-research-card button {grid-column:2;margin-top:15px}
 .tl-memory {grid-template-columns:98px 1fr;gap:27px}
 .tl-memory-glyph {width:90px;height:90px}
 .tl-banner-copy {display:block;max-width:min(80%,580px);padding:12px clamp(18px,4vw,32px)}
 .tl-banner .tl-banner-copy p {margin:4px 0 8px;font-size:14px}
}
@media(max-width:520px) {
 .tl-banner-copy {width:100%;max-width:none;padding:12px 48px 12px 16px}
 .tl-banner .tl-banner-copy p {color:#d0d6dd}
 .tl-banner .tl-banner-earth {right:-32%;width:105%;object-position:69% 50%}
 .tl-banner::after {background:linear-gradient(90deg,#030406f5 0%,#030406c4 37%,#03040685 64%,#03040608 100%)}
 .tl-action {min-height:44px;padding:8px 13px}
 .tl-banner-dismiss {right:8px;top:8px}
 .tl-hero {min-height:510px;align-items:end}
 .tl-hero .tl-planet {top:-7%;left:-36%;width:140%;height:82%;object-fit:cover;object-position:69% 12%}
 .tl-hero::before {background:linear-gradient(0deg,#040608 7%,#030507f5 32%,#01020467 66%,transparent 90%),linear-gradient(90deg,#01020468,transparent 82%)}
 .tl-orbit {top:1%;right:-52%;width:118%;height:46%}
 .tl-hero-inner {padding-block:150px 32px}
 .tl-product {font-size:11px;margin-bottom:13px}
 .tl-page .tl-hero h1 {font-size:clamp(63px,17vw,84px);margin:0 0 14px}
 .tl-page .tl-intro,.tl-composer {max-width:100%}
 .tl-page .tl-intro {margin-bottom:23px}
 .tl-composer {gap:9px;min-height:54px;padding:6px 7px 6px 12px}
 .tl-composer button {height:39px;width:39px}
 .tl-memory {grid-template-columns:1fr;gap:20px}
 .tl-memory-glyph {justify-self:start;width:70px;height:70px}
}
@media(prefers-reduced-motion:reduce) {
 .tl-banner *,.tl-page * {animation:none!important;transition:none!important}
}