:root{--font-brand-q:var(--tq-font-brand-q)}
html body.tq-about-route :is(.tq-about-page,footer) .tq-brand-q{
  font-family:var(--font-brand-q)!important;
}

html[data-theme-resolved="light"] body.tq-about-route,
html[data-theme-resolved="light"] body.tq-about-route #app{
  background:#F5F7FA!important;
  color:#142737!important;
}

html[data-theme-resolved="dark"] body.tq-about-route,
html[data-theme-resolved="dark"] body.tq-about-route #app{
  background:#07121E!important;
  color:#F4F4EF!important;
}

.tq-about-page{
  --font-brand-q:var(--tq-font-brand-q);
  --about-canvas:#F5F7FA;
  --about-surface:#FFFFFF;
  --about-surface-raised:#EDF1F2;
  --about-ink:#142737;
  --about-muted:#526472;
  --about-soft:#7B8993;
  --about-orange:var(--tq-accent,#FA652A);
  --about-orange-bright:var(--tq-accent,#FA652A);
  --about-accent-soft:rgba(250,101,42,.09);
  --about-line:rgba(20,39,55,.14);
  --about-shadow:0 24px 70px rgba(20,39,55,.08);
  --about-progress:.02;
  width:100%;
  max-width:none;
  margin:0;
  padding:0 0 clamp(48px,7vw,96px);
  overflow:hidden;
  color:var(--about-ink);
  background:var(--about-canvas);
}
.tq-about-page *,
.tq-about-page *::before,
.tq-about-page *::after{box-sizing:border-box}

html[data-theme-resolved="dark"] .tq-about-page{
  --about-canvas:#07121E;
  --about-surface:#0D1D2B;
  --about-surface-raised:#142737;
  --about-ink:#F4F4EF;
  --about-muted:#B7C2C9;
  --about-soft:#8597A3;
  --about-orange:var(--tq-accent,#FA652A);
  --about-orange-bright:var(--tq-accent,#FA652A);
  --about-accent-soft:rgba(250,101,42,.13);
  --about-line:rgba(231,238,241,.13);
  --about-shadow:0 28px 80px rgba(0,0,0,.24);
}

.tq-about-page :is(h1,h2,h3){color:var(--about-ink)!important}
.tq-about-page p{color:var(--about-muted)}
.tq-about-page h1 span{color:var(--about-orange)!important}
.tq-about-page a:focus-visible,
body.tq-about-route .tq-site-footer a:focus-visible{
  outline-color:var(--about-orange)!important;
}

.tq-about-hero{
  width:min(1180px,calc(100% - 48px));
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  gap:clamp(24px,4vw,58px);
  min-height:clamp(540px,72vh,720px);
  margin:0 auto;
  padding:clamp(48px,7vw,88px) 0 clamp(54px,7vw,86px);
}

.tq-about-hero-art{width:min(100%,440px)}
.tq-about-hero-copy{max-width:720px}
.tq-about-page h1{
  max-width:none;
  margin-bottom:22px;
  font-size:clamp(52px,4.9vw,70px);
  line-height:.98;
  letter-spacing:-.055em;
}
.tq-about-hero-thought{
  max-width:540px;
  color:var(--about-ink)!important;
  font-size:clamp(20px,2vw,25px);
  letter-spacing:-.02em;
}
.tq-about-hero-story{
  max-width:610px;
  margin-top:28px;
  padding-left:22px;
  border-left:2px solid var(--about-orange-bright);
}
.tq-about-hero-story p{
  margin:0 0 10px;
  font-size:clamp(15px,1.35vw,18px);
  line-height:1.62;
}
.tq-about-hero-story p:first-child{
  color:var(--about-ink);
  font-weight:600;
}
.tq-about-action{
  border-color:var(--about-line);
  color:var(--about-ink);
  background:var(--about-surface);
  box-shadow:0 10px 28px rgba(20,39,55,.05);
}
.tq-about-action span{color:var(--about-orange)}

.tq-about-hero-art::before{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(circle,rgba(250,101,42,.16),transparent 68%);
  content:"";
}
.tq-about-orbit{border-color:rgba(250,101,42,.2)}
.tq-about-orbit--outer::before{
  position:absolute;
  inset:-1px;
  border-top:2px solid var(--about-orange-bright);
  border-right:2px solid transparent;
  border-radius:50%;
  content:"";
  transform:rotate(-28deg);
}
.tq-about-orbit--inner{border-color:rgba(250,101,42,.48)}
.tq-about-orbit-label{
  border-color:var(--about-line);
  background:var(--about-surface);
  color:var(--about-muted);
  box-shadow:0 8px 24px rgba(20,39,55,.07);
}
.tq-about-orb{
  border-color:rgba(250,101,42,.52);
  background:radial-gradient(circle at 34% 25%,var(--about-surface) 0,var(--about-surface-raised) 72%);
  box-shadow:var(--about-shadow),0 0 0 16px var(--about-accent-soft),0 0 42px rgba(250,101,42,.12);
  color:var(--about-orange);
  transition:transform .28s ease,box-shadow .28s ease;
}
.tq-about-hero.is-active .tq-about-orb{transform:scale(1.035)}
.tq-about-hero-art:hover .tq-about-orb{transform:scale(1.06)}
.tq-about-orbit-label{transition:transform .22s ease,border-color .22s ease}
.tq-about-hero-art:hover .tq-about-orbit-label{
  transform:translateY(-2px);
  border-color:rgba(250,101,42,.35);
}

.tq-about-journey{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding-left:clamp(30px,5vw,68px);
}
.tq-about-journey::before{
  background:var(--about-line);
}
.tq-about-journey::after{
  background:linear-gradient(to bottom,var(--about-orange-bright),var(--about-orange));
}
.tq-about-stage{
  grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);
  gap:clamp(34px,6vw,82px);
  padding:clamp(48px,6vw,72px) clamp(0px,2vw,24px);
  border-top-color:var(--about-line);
  opacity:.3;
  transform:translateY(28px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1);
}
.tq-about-stage.is-active,
.tq-about-static .tq-about-stage{
  opacity:1;
  transform:none;
}
.tq-about-stage::before{
  border-color:var(--about-canvas);
  background:var(--about-soft);
  box-shadow:0 0 0 1px var(--about-line);
}
.tq-about-stage.is-active::before,
.tq-about-static .tq-about-stage::before{
  background:var(--about-orange-bright);
  box-shadow:0 0 0 7px var(--about-accent-soft);
}
.tq-about-kicker{color:var(--about-orange)}
.tq-about-kicker>span{color:var(--about-soft)}
.tq-about-stage-copy>p{
  max-width:480px;
  margin:0 0 12px;
  font-size:clamp(15px,1.4vw,18px);
}

.tq-about-friction-story{min-width:0}
.tq-about-friction{
  grid-template-columns:1fr;
  gap:0;
  border-top:1px solid var(--about-line);
}
.tq-about-friction-item{
  min-height:58px;
  padding:12px 4px;
  border:0;
  border-bottom:1px solid var(--about-line);
  border-radius:0;
  background:transparent;
  color:var(--about-muted);
  font-size:clamp(14px,1.25vw,16px);
  opacity:.25;
  transform:translateX(18px);
  transition:opacity .4s ease,transform .4s ease,color .4s ease;
}
.tq-about-friction-item>span:first-child{
  width:36px;
  height:24px;
  border-radius:0;
  background:transparent;
  color:var(--about-orange);
  font-variant-numeric:tabular-nums;
}
.tq-about-stage.is-active .tq-about-friction-item,
.tq-about-static .tq-about-friction-item{
  opacity:1;
  transform:none;
}
.tq-about-stage.is-active .tq-about-friction-item:nth-child(2){transition-delay:.06s}
.tq-about-stage.is-active .tq-about-friction-item:nth-child(3){transition-delay:.12s}
.tq-about-stage.is-active .tq-about-friction-item:nth-child(4){transition-delay:.18s}
.tq-about-stage.is-active .tq-about-friction-item:nth-child(5){transition-delay:.24s}
.tq-about-origin-question{
  position:relative;
  margin-top:28px;
  padding:23px 24px 24px 32px;
  border-left:3px solid var(--about-orange-bright);
  background:var(--about-surface);
  box-shadow:var(--about-shadow);
}
.tq-about-origin-question span{
  display:block;
  margin-bottom:6px;
  color:var(--about-soft);
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tq-about-origin-question strong{
  display:block;
  color:var(--about-ink);
  font-size:clamp(18px,2vw,24px);
  font-weight:600;
  line-height:1.35;
}

.tq-about-event-map{
  padding:clamp(22px,3vw,34px);
  border-color:var(--about-line);
  background:var(--about-surface);
  box-shadow:var(--about-shadow);
}
.tq-about-flow{
  position:relative;
  gap:0;
}
.tq-about-flow::before{
  position:absolute;
  top:31px;
  right:8%;
  left:8%;
  height:2px;
  background:linear-gradient(to right,var(--about-orange-bright),var(--about-orange));
  content:"";
}
.tq-about-flow li{
  align-items:center;
  justify-content:flex-start;
  min-height:128px;
  padding:0 7px;
  border:0;
  background:transparent;
  text-align:center;
}
.tq-about-flow li::after{display:none!important}
.tq-about-flow-number{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  border:1px solid rgba(250,101,42,.42);
  border-radius:50%;
  background:var(--about-surface-raised);
  color:var(--about-orange);
  font-size:11px;
  font-weight:700;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.tq-about-stage.is-active .tq-about-flow-number{
  transform:scale(1.035);
  border-color:var(--about-orange);
  box-shadow:0 0 0 6px var(--about-accent-soft);
}
.tq-about-flow-step{
  color:var(--about-ink);
  font-size:13px;
  font-weight:600;
}
.tq-about-product{color:var(--about-orange);font-size:10px}
.tq-about-flow-summary{
  max-width:640px;
  margin:24px auto 0;
  padding-top:20px;
  border-top:1px solid var(--about-line);
  color:var(--about-muted)!important;
  font-size:14px;
  text-align:center;
}

.tq-about-principles{
  grid-auto-rows:minmax(176px,auto);
  gap:0 26px;
}
.tq-about-principle{
  display:grid;
  grid-template-columns:32px 1fr;
  min-width:0;
  min-height:176px;
  padding:23px 0;
  border:0;
  border-top:1px solid var(--about-line);
  border-radius:0;
  background:transparent;
}
.tq-about-principle>span{
  grid-row:1/3;
  color:var(--about-orange);
  font-size:11px;
  font-weight:700;
}
.tq-about-principle h3{font-size:clamp(20px,2vw,25px)}
.tq-about-principle>p{font-size:14px;line-height:1.5}
.tq-about-principle--privacy{
  border-top-color:rgba(250,101,42,.56);
}
.tq-about-privacy-practice{
  grid-column:1/-1;
  min-width:0;
  margin-top:12px;
  padding:18px 22px;
  border:1px solid var(--about-line);
  border-radius:16px;
  background:var(--about-surface);
}
.tq-about-privacy-practice h3{
  margin:0 0 12px;
  color:var(--about-ink);
  font-size:16px;
  font-weight:600;
}
.tq-about-privacy-practice ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 18px;
  margin:0;
  padding:0;
  list-style:none;
}
.tq-about-privacy-practice li{
  position:relative;
  min-width:0;
  padding-left:17px;
  color:var(--about-muted);
  font-size:13px;
  line-height:1.45;
}
.tq-about-privacy-practice li::before{
  position:absolute;
  top:.55em;
  left:0;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--about-orange);
  content:"";
}

.tq-about-q-signature{
  padding:clamp(18px,3vw,30px);
  border:1px solid var(--about-line);
  border-radius:24px;
  background:var(--about-surface);
  box-shadow:var(--about-shadow);
}
.tq-about-q-sequence{
  border:0;
  background:radial-gradient(circle at 50% 50%,var(--about-accent-soft),transparent 58%);
}
.tq-about-q-sequence>span:not(.tq-about-q-center){
  border-color:var(--about-line);
  background:var(--about-surface-raised);
  color:var(--about-muted);
}
.tq-about-q-term{
  display:grid;
  place-items:center;
  min-height:54px;
  padding:8px;
  border:1px solid var(--about-line);
  border-radius:999px;
  background:var(--about-surface-raised);
  color:var(--about-muted);
  font:inherit;
  font-size:13px;
  font-weight:500;
  line-height:1.2;
  text-align:center;
  appearance:none;
  cursor:pointer;
  scale:1;
  transition:scale .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.tq-about-q-term-label{display:inline}
.tq-about-q-term:is(:hover,:focus-visible,.is-active){
  scale:1.06;
  border-color:var(--about-orange);
  background:var(--about-accent-soft);
  color:var(--about-orange);
  box-shadow:0 6px 18px rgba(250,101,42,.12);
}
.tq-about-q-term:focus-visible{
  outline:2px solid var(--about-orange);
  outline-offset:3px;
}
.tq-about-q-center{
  border-color:rgba(250,101,42,.54);
  background:var(--about-surface-raised);
  box-shadow:0 18px 48px rgba(0,0,0,.12),0 0 0 14px var(--about-accent-soft);
  color:var(--about-orange);
  scale:1;
  transition:scale .24s ease,box-shadow .24s ease;
}
.tq-about-q-sequence.has-active .tq-about-q-center{
  scale:1.045;
  box-shadow:0 20px 50px rgba(0,0,0,.14),0 0 0 15px var(--about-accent-soft),0 0 28px rgba(250,101,42,.16);
}
.tq-about-q-signature>.tq-about-q-meaning{
  min-height:2.8em;
  margin:14px auto 0!important;
  color:var(--about-ink)!important;
  font-size:clamp(15px,1.5vw,18px);
  font-weight:500;
  line-height:1.4;
  text-align:center;
  transition:opacity .18s ease,transform .18s ease;
}
.tq-about-q-meaning.is-changing{opacity:0;transform:translateY(4px)}
.tq-about-q-signature>p{
  max-width:560px;
  margin:12px auto 0;
  text-align:center;
}
.tq-about-q-signature>p strong{color:var(--about-ink);font-weight:600}

.tq-about-ecosystem{
  padding:clamp(22px,3vw,32px);
  border-color:var(--about-line);
  background:var(--about-surface);
  box-shadow:var(--about-shadow);
}
.tq-about-ecosystem-hub{
  width:auto;
  max-width:none;
  margin:0;
  background:var(--about-surface-raised);
  color:var(--about-ink);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.tq-about-ecosystem-hub strong{color:var(--about-ink)}
.tq-about-ecosystem-hub small{color:var(--about-muted)}
.tq-about-ecosystem-links{position:relative;gap:10px;margin-top:18px}
.tq-about-ecosystem-links::before{
  position:absolute;
  top:50%;
  right:4%;
  left:4%;
  height:1px;
  background:rgba(250,101,42,.5);
  content:"";
}
.tq-about-ecosystem-links>span{
  z-index:1;
  border-color:var(--about-line);
  background:var(--about-canvas);
  color:var(--about-ink);
  padding:12px 8px;
  line-height:1.3;
  overflow-wrap:normal;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.tq-about-ecosystem-links>span::before{display:none}
.tq-about-ecosystem-links small{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  color:var(--about-muted);
  font-size:11px;
  line-height:1.35;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.tq-about-ecosystem-hub:is(:hover,:focus-visible),
.tq-about-ecosystem-links>span:is(:hover,:focus-visible){
  transform:translateY(-2px) scale(1.015);
  border-color:var(--about-orange);
  box-shadow:0 8px 22px rgba(250,101,42,.12);
}
.tq-about-ecosystem-hub:focus-visible,
.tq-about-ecosystem-links>span:focus-visible{
  outline:2px solid var(--about-orange);
  outline-offset:3px;
}
.tq-about-audience{
  max-width:650px;
  margin:24px auto 0;
  color:var(--about-ink)!important;
  font-size:15px;
  line-height:1.55;
  text-align:center;
}
.tq-about-discovery{color:var(--about-muted)}

.tq-about-closing{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(20px,3vw,38px);
  width:min(78%,900px);
  margin:28px auto 0;
  padding:clamp(28px,3.5vw,40px);
  border-left:3px solid var(--about-orange);
  border-radius:18px;
  background:#0D1D2B;
  box-shadow:0 18px 46px rgba(0,0,0,.14);
  opacity:.35;
  transform:translateY(12px);
  transition:opacity .45s ease,transform .45s ease;
}
.tq-about-stage.is-active .tq-about-closing,
.tq-about-static .tq-about-closing{
  opacity:1;
  transform:none;
}
.tq-about-closing>div>p{
  max-width:18ch;
  margin:0 0 8px;
  color:#F4F4EF!important;
  font-size:clamp(28px,3.2vw,40px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.04em;
}
.tq-about-closing>div>span{
  color:#F4F4EF;
  opacity:.72;
  font-size:14px;
}
.tq-about-join{
  background:var(--about-orange-bright);
  color:#07121E!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.tq-about-join:hover,
.tq-about-join:focus-visible{
  transform:translateY(-1px) scale(1.025);
  box-shadow:0 8px 22px rgba(250,101,42,.24);
}

@media(hover:hover) and (pointer:fine){
  .tq-about-friction-item:hover,
  .tq-about-principle:hover,
  .tq-about-ecosystem-links>span:hover{
    transform:none;
    border-color:var(--about-line);
    box-shadow:none;
  }
  .tq-about-action:hover{background:var(--about-accent-soft)}
}

@media(max-width:900px){
  .tq-about-hero{min-height:0}
  .tq-about-hero{grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);gap:20px}
  .tq-about-page h1{font-size:clamp(46px,6.4vw,58px)}
  .tq-about-hero-art{width:min(100%,340px)}
  .tq-about-closing{width:100%;grid-template-columns:1fr;gap:18px}
  .tq-about-join{justify-self:start}
  .tq-about-stage{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .tq-about-privacy-practice ul{grid-template-columns:1fr}
  .tq-about-flow{grid-template-columns:1fr;gap:0}
  .tq-about-flow::before{
    top:30px;
    bottom:30px;
    left:30px;
    width:2px;
    height:auto;
  }
  .tq-about-flow li{
    display:grid;
    grid-template-columns:62px 1fr;
    grid-template-rows:auto auto;
    column-gap:14px;
    min-height:86px;
    padding:8px 0;
    text-align:left;
  }
  .tq-about-flow-number{grid-row:1/3}
  .tq-about-flow-step{align-self:end}
  .tq-about-product{align-self:start}
}

@media(max-width:720px){
  .tq-about-hero,
  .tq-about-journey{width:calc(100% - 32px)}
  .tq-about-hero{padding-top:52px}
  .tq-about-stage{grid-template-columns:1fr;padding-right:0;padding-left:0}
  .tq-about-principles{grid-template-columns:1fr}
  .tq-about-principle--privacy{grid-column:auto}
  .tq-about-hero{grid-template-columns:1fr;gap:12px;padding-top:52px}
  .tq-about-hero-art{width:min(84vw,360px);justify-self:center}
  .tq-about-page h1{max-width:none;font-size:clamp(42px,10.5vw,64px)}
  .tq-about-closing{width:100%;grid-template-columns:1fr;gap:18px}
  .tq-about-join{justify-self:start}
  .tq-about-ecosystem-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tq-about-ecosystem-links::before{display:none}
}

@media(max-width:480px){
  .tq-about-hero,
  .tq-about-journey{width:calc(100% - 28px)}
  .tq-about-hero-story{padding-left:16px}
  .tq-about-friction-item{
    transform:none;
    transition:opacity .4s ease,color .4s ease;
  }
  .tq-about-privacy-practice{padding:16px}
  .tq-about-q-signature{padding:10px}
  .tq-about-q-sequence{min-height:270px}
  .tq-about-closing{padding:24px 20px}
  .tq-about-closing>div>p{max-width:16ch;font-size:clamp(27px,8vw,36px)}
  .tq-about-join{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .tq-about-stage,
  .tq-about-friction-item{
    opacity:1!important;
    transform:none!important;
  }
  .tq-about-hero .tq-about-orb,
  .tq-about-flow-number,
  .tq-about-q-term,
  .tq-about-q-center,
  .tq-about-orbit-label,
  .tq-about-ecosystem-hub,
  .tq-about-ecosystem-links>span,
  .tq-about-closing,
  .tq-about-join,
  .tq-about-q-meaning{
    transform:none!important;
  }
  .tq-about-q-term,
  .tq-about-q-center{
    scale:none!important;
  }
  .tq-about-q-meaning{transition:none!important}
  .tq-about-closing{opacity:1!important}
}

/* Approved About Q experience */
html[data-theme-resolved="light"] body.tq-about-route,
html[data-theme-resolved="light"] body.tq-about-route #app{
  background:#F5F7FA!important;
  color:#142737!important;
}
html[data-theme-resolved="dark"] body.tq-about-route,
html[data-theme-resolved="dark"] body.tq-about-route #app{
  background:#07121E!important;
  color:#F4F4EF!important;
}
.tq-about-page{
  --about-canvas:#F5F7FA;
  --about-surface:#FFFFFF;
  --about-surface-raised:#EDF1F2;
  --about-ink:#142737;
  --about-muted:#526472;
  --about-soft:#72818C;
  --about-orange:#FA652A;
  --about-orange-ink:#A74420;
  --about-accent-soft:rgba(250,101,42,.1);
  --about-line:rgba(20,39,55,.16);
  --about-shadow:0 24px 70px rgba(20,39,55,.08);
  width:100%;
  max-width:none;
  margin:0;
  padding:0 0 clamp(56px,8vw,112px);
  overflow-x:clip;
  color:var(--about-ink);
  background:var(--about-canvas);
}
.tq-about-page *,
.tq-about-page *::before,
.tq-about-page *::after{box-sizing:border-box}
html[data-theme-resolved="dark"] .tq-about-page{
  --about-canvas:#07121E;
  --about-surface:#0D1D2B;
  --about-surface-raised:#142737;
  --about-ink:#F4F4EF;
  --about-muted:#B7C2C9;
  --about-soft:#9BAAB3;
  --about-orange-ink:#FFAD8C;
  --about-accent-soft:rgba(250,101,42,.15);
  --about-line:rgba(231,238,241,.16);
  --about-shadow:0 28px 80px rgba(0,0,0,.24);
}
.tq-about-page :is(h1,h2,h3,p){max-width:100%}
.tq-about-page :is(h1,h2,h3){color:var(--about-ink)!important}
.tq-about-page p{color:var(--about-muted)}
.tq-about-page h1 span{color:var(--about-orange)!important}
.tq-about-page a:focus-visible,
.tq-about-page button:focus-visible{
  outline:3px solid var(--about-orange)!important;
  outline-offset:4px!important;
}
.tq-about-hero{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  align-items:center;
  gap:clamp(28px,5vw,72px);
  width:min(1220px,calc(100% - 56px));
  min-height:min(730px,82vh);
  margin:0 auto;
  padding:clamp(52px,7vw,92px) 0 clamp(62px,8vw,104px);
}
.tq-about-hero-copy{position:relative;z-index:1;max-width:650px}
.tq-about-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--about-orange-ink);
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.tq-about-kicker>span{color:var(--about-orange-ink);font-variant-numeric:tabular-nums}
.tq-about-page h1{
  max-width:650px;
  margin:18px 0 22px;
  font-size:clamp(52px,6vw,82px);
  line-height:.98;
  letter-spacing:-.055em;
}
.tq-about-hero-thought{
  margin:0;
  color:var(--about-ink)!important;
  font-size:clamp(20px,2.1vw,27px);
  line-height:1.4;
  letter-spacing:-.02em;
}
.tq-about-hero-story{
  max-width:590px;
  margin-top:26px;
  padding-left:20px;
  border-left:2px solid var(--about-orange);
}
.tq-about-hero-story p{
  margin:0 0 10px;
  font-size:clamp(15px,1.35vw,18px);
  line-height:1.62;
}
.tq-about-hero-story p:first-child{color:var(--about-ink);font-weight:600}
.tq-about-action{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:50px;
  margin-top:22px;
  padding:0 18px;
  border:1px solid var(--about-line);
  border-radius:999px;
  color:var(--about-ink);
  background:var(--about-surface);
  text-decoration:none;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}
.tq-about-action span{color:var(--about-orange-ink);font-size:20px}
.tq-about-hero-art{
  position:relative;
  display:grid;
  place-items:center;
  width:min(100%,500px);
  aspect-ratio:1;
  justify-self:center;
  isolation:isolate;
}
.tq-about-hero-art::before{
  position:absolute;
  inset:15%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(250,101,42,.16),transparent 72%);
  content:"";
}
.tq-about-orbit{
  position:absolute;
  border:1px solid rgba(250,101,42,.2);
  border-radius:50%;
  animation:tq-about-orbit 92s linear infinite;
}
.tq-about-orbit--outer{inset:4%;border-top-color:rgba(250,101,42,.58);animation-duration:110s}
.tq-about-orbit--middle{inset:17%;border-color:rgba(250,101,42,.27);animation-duration:78s;animation-direction:reverse}
.tq-about-orbit--inner{inset:30%;border-color:rgba(250,101,42,.4);animation-duration:64s}
.tq-about-orbit-track{
  position:absolute;
  z-index:2;
  border-radius:50%;
  pointer-events:none;
  animation:tq-about-orbit var(--orbit-speed,70s) linear infinite;
  animation-delay:var(--orbit-delay,0s);
}
.tq-about-orbit-track--organizers{inset:16%;--orbit-speed:68s}
.tq-about-orbit-track--guests{inset:16%;--orbit-speed:82s;--orbit-delay:-20.5s}
.tq-about-orbit-track--event-teams{inset:16%;--orbit-speed:94s;--orbit-delay:-47s}
.tq-about-orbit-track--venues{inset:16%;--orbit-speed:76s;--orbit-delay:-57s}
.tq-about-orbit-label{
  position:absolute;
  top:0;
  left:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 13px;
  border:1px solid var(--about-line);
  border-radius:999px;
  background:var(--about-surface);
  color:var(--about-muted);
  box-shadow:0 8px 24px rgba(20,39,55,.08);
  font:inherit;
  font-size:12px;
  font-weight:600;
  line-height:1.15;
  white-space:nowrap;
  pointer-events:auto;
  cursor:pointer;
  transform:translate(-50%,-50%);
  animation:tq-about-counter-orbit var(--orbit-speed,70s) linear infinite;
  animation-delay:var(--orbit-delay,0s);
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.tq-about-orbit-label:is(:hover,:focus-visible,.is-active){
  border-color:var(--about-orange);
  background:var(--about-accent-soft);
  color:var(--about-orange-ink);
  box-shadow:0 8px 24px rgba(250,101,42,.15);
}
.tq-about-orbit-label:focus-visible{z-index:4}
.tq-about-orb{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:34%;
  aspect-ratio:1;
  border:1px solid rgba(250,101,42,.5);
  border-radius:50%;
  background:radial-gradient(circle at 36% 28%,var(--about-surface) 0,var(--about-surface-raised) 76%);
  box-shadow:var(--about-shadow),0 0 0 16px var(--about-accent-soft),0 0 46px rgba(250,101,42,.13);
  color:var(--about-orange);
  font-size:clamp(86px,11vw,140px);
  font-weight:600;
  line-height:1;
  letter-spacing:-.08em;
  animation:tq-about-heartbeat 5.2s ease-in-out infinite;
}
.tq-about-ripple{
  position:absolute;
  z-index:0;
  width:40%;
  aspect-ratio:1;
  border:1px solid rgba(250,101,42,.24);
  border-radius:50%;
  animation:tq-about-ripple 5.2s ease-out infinite;
}
.tq-about-audience-message{
  width:fit-content;
  max-width:100%;
  min-height:2.8em;
  margin:18px 0 0;
  padding:0;
  border:0;
  border-radius:14px;
  color:var(--about-ink)!important;
  box-shadow:var(--about-shadow);
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  text-align:left;
}
@keyframes tq-about-orbit{to{transform:rotate(1turn)}}
@keyframes tq-about-counter-orbit{to{transform:translate(-50%,-50%) rotate(-1turn)}}
@keyframes tq-about-heartbeat{
  0%,78%,100%{transform:scale(1)}
  84%{transform:scale(1.025)}
  90%{transform:scale(1)}
  95%{transform:scale(1.015)}
}
@keyframes tq-about-ripple{
  0%,78%{opacity:0;transform:scale(.95)}
  84%{opacity:.26}
  100%{opacity:0;transform:scale(1.35)}
}
.tq-about-journey{
  position:relative;
  width:min(1220px,calc(100% - 56px));
  margin:0 auto;
  padding-left:clamp(28px,5vw,64px);
}
.tq-about-journey::before,
.tq-about-journey::after{
  position:absolute;
  top:0;
  bottom:0;
  left:9px;
  width:2px;
  border-radius:2px;
  content:"";
}
.tq-about-journey::before{background:var(--about-line)}
.tq-about-journey::after{
  bottom:auto;
  height:100%;
  background:var(--about-orange);
  transform:scaleY(var(--about-progress,.02));
  transform-origin:top;
  transition:transform .65s ease;
}
.tq-about-stage{
  position:relative;
  display:grid;
  grid-template-columns:minmax(245px,.8fr) minmax(0,1.2fr);
  align-items:center;
  gap:clamp(34px,5.5vw,76px);
  min-width:0;
  padding:clamp(60px,7.5vw,94px) clamp(0px,2vw,22px);
  border-top:1px solid var(--about-line);
  opacity:.35;
  transform:translateY(18px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1);
}
.tq-about-stage.is-active,
.tq-about-static .tq-about-stage{opacity:1;transform:none}
.tq-about-stage::before{
  position:absolute;
  top:clamp(80px,9vw,112px);
  left:calc(-1 * clamp(28px,5vw,64px) + 3px);
  width:14px;
  height:14px;
  border:3px solid var(--about-canvas);
  border-radius:50%;
  background:var(--about-soft);
  box-shadow:0 0 0 1px var(--about-line);
  content:"";
  transition:background-color .25s ease,box-shadow .25s ease;
}
.tq-about-stage.is-active::before,
.tq-about-static .tq-about-stage::before{background:var(--about-orange);box-shadow:0 0 0 7px var(--about-accent-soft)}
.tq-about-stage-copy{min-width:0}
.tq-about-stage-copy h2,
.tq-about-closing h2{
  margin:18px 0 18px;
  font-size:clamp(31px,3.5vw,46px);
  line-height:1.08;
  letter-spacing:-.04em;
}
.tq-about-stage-copy>p{
  max-width:470px;
  margin:0 0 12px;
  font-size:clamp(15px,1.4vw,18px);
  line-height:1.6;
}
.tq-about-friction-story{min-width:0}
.tq-about-friction{
  display:grid;
  grid-template-columns:1fr;
  margin:0;
  padding:0;
  border-top:1px solid var(--about-line);
  list-style:none;
}
.tq-about-friction-item{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  min-height:55px;
  padding:12px 4px;
  border:0;
  border-bottom:1px solid var(--about-line);
  border-radius:0;
  background:transparent;
  color:var(--about-muted);
  font-size:clamp(14px,1.25vw,16px);
  line-height:1.4;
  opacity:.25;
  transform:translateX(12px);
  transition:opacity .4s ease,transform .4s ease,color .3s ease;
}
.tq-about-friction-item>span:first-child{
  display:block;
  flex:0 0 34px;
  width:34px;
  height:auto;
  border-radius:0;
  background:transparent;
  color:var(--about-orange-ink);
  font-size:12px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.tq-about-stage.is-active .tq-about-friction-item,
.tq-about-static .tq-about-friction-item{opacity:1;transform:none}
.tq-about-stage.is-active .tq-about-friction-item:nth-child(2){transition-delay:.06s}
.tq-about-stage.is-active .tq-about-friction-item:nth-child(3){transition-delay:.12s}
.tq-about-stage.is-active .tq-about-friction-item:nth-child(4){transition-delay:.18s}
.tq-about-stage.is-active .tq-about-friction-item:nth-child(5){transition-delay:.24s}
.tq-about-origin-question{
  margin-top:26px;
  padding:20px 0 0;
  border:0;
  border-top:1px solid var(--about-orange);
  background:transparent;
  box-shadow:none;
}
.tq-about-origin-question span{
  display:block;
  margin-bottom:8px;
  color:var(--about-muted);
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
}
.tq-about-origin-question strong{
  display:block;
  color:var(--about-ink);
  font-size:clamp(18px,1.8vw,23px);
  font-weight:600;
  line-height:1.4;
}
.tq-about-event-map{min-width:0;padding:10px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.tq-about-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}
.tq-about-flow::before{
  position:absolute;
  top:23px;
  right:7%;
  left:7%;
  height:1px;
  background:linear-gradient(to right,var(--about-orange),rgba(250,101,42,.24));
  content:"";
}
.tq-about-flow li{
  position:relative;
  display:grid;
  grid-template-rows:50px auto auto;
  align-content:start;
  justify-items:center;
  gap:8px;
  min-width:0;
  min-height:118px;
  padding:0 4px;
  border:0;
  border-radius:0;
  background:transparent;
  text-align:center;
}
.tq-about-flow li::after{display:none!important}
.tq-about-flow-number{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid rgba(250,101,42,.48);
  border-radius:50%;
  background:var(--about-canvas);
  color:var(--about-orange-ink);
  font-size:11px;
  font-weight:700;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.tq-about-stage.is-active .tq-about-flow-number{border-color:var(--about-orange);box-shadow:0 0 0 5px var(--about-accent-soft)}
.tq-about-flow-step{color:var(--about-ink);font-size:12px;font-weight:600;line-height:1.3}
.tq-about-product{color:var(--about-orange-ink);font-size:11px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.tq-about-flow-summary{
  margin:16px 0 0!important;
  padding-top:16px;
  border-top:1px solid var(--about-line);
  color:var(--about-ink)!important;
  font-size:16px;
  font-weight:600;
  text-align:center;
}
.tq-about-principles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0 24px;
  grid-auto-rows:minmax(156px,auto);
}
.tq-about-principle{
  display:grid;
  grid-template-columns:28px 1fr;
  align-content:start;
  min-width:0;
  min-height:156px;
  padding:19px 0;
  border:0;
  border-top:1px solid var(--about-line);
  border-radius:0;
  background:transparent;
  transition:border-color .3s ease;
}
.tq-about-principle>span{
  grid-row:1/3;
  color:var(--about-orange-ink);
  font-size:11px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.tq-about-principle h3{margin:0 0 9px;font-size:clamp(19px,2vw,24px);font-weight:600}
.tq-about-principle>p{grid-column:2;margin:0;font-size:14px;line-height:1.55}
.tq-about-principle--privacy{border-top-color:var(--about-line)}
.tq-about-privacy-practice{
  grid-column:1/-1;
  min-width:0;
  margin-top:20px;
  padding:18px 0 0;
  border:0;
  border-top:1px solid var(--about-line);
  border-radius:0;
  background:transparent;
}
.tq-about-privacy-practice h3{margin:0 0 12px;color:var(--about-ink);font-size:15px;font-weight:600}
.tq-about-privacy-practice ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 22px;
  margin:0;
  padding:0;
  list-style:none;
}
.tq-about-privacy-practice li{position:relative;min-width:0;padding-left:16px;color:var(--about-muted);font-size:13px;line-height:1.5}
.tq-about-privacy-practice li::before{position:absolute;top:.62em;left:0;width:6px;height:6px;border-radius:50%;background:var(--about-orange);content:""}
.tq-about-q-signature{min-width:0;padding:16px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.tq-about-q-sequence{
  position:relative;
  display:block;
  width:min(100%,600px);
  height:370px;
  min-height:0;
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:0;
  background:radial-gradient(ellipse at center,rgba(250,101,42,.08),transparent 67%);
}
.tq-about-q-term{
  position:absolute;
  z-index:1;
  display:grid;
  place-items:center;
  min-width:72px;
  min-height:48px;
  padding:8px 13px;
  border:1px solid var(--about-line);
  border-radius:999px;
  background:var(--about-surface);
  color:var(--about-muted);
  box-shadow:0 8px 22px rgba(20,39,55,.06);
  font:inherit;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  appearance:none;
  cursor:pointer;
  scale:1;
  transition:scale .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.tq-about-q-term:nth-of-type(1){top:8%;left:21%;min-width:94px}
.tq-about-q-term:nth-of-type(2){top:20%;right:14%;min-width:76px}
.tq-about-q-term:nth-of-type(3){top:46%;left:4%;min-width:76px}
.tq-about-q-term:nth-of-type(4){top:55%;right:4%;min-width:92px}
.tq-about-q-term:nth-of-type(5){bottom:7%;left:18%;min-width:74px}
.tq-about-q-term:nth-of-type(6){right:23%;bottom:6%;min-width:86px}
.tq-about-q-term:nth-of-type(7){top:44%;left:42%;min-width:72px}
.tq-about-q-term:is(:hover,:focus-visible,.is-active){
  z-index:3;
  scale:1.1;
  border-color:var(--about-orange);
  background:var(--about-accent-soft);
  color:var(--about-orange-ink);
  box-shadow:0 9px 25px rgba(250,101,42,.17);
}
.tq-about-q-term:focus-visible{outline:3px solid var(--about-orange);outline-offset:3px}
.tq-about-q-center{
  position:absolute;
  top:50%;
  left:50%;
  z-index:0;
  display:grid;
  place-items:center;
  width:108px;
  aspect-ratio:1;
  border:1px solid rgba(250,101,42,.5);
  border-radius:50%;
  background:var(--about-surface);
  box-shadow:0 14px 40px rgba(20,39,55,.12);
  color:var(--about-orange);
  font-size:64px;
  font-weight:600;
  line-height:1;
  scale:1;
  transform:translate(-50%,-50%);
  transition:scale .24s ease,box-shadow .24s ease;
}
.tq-about-q-sequence.has-active .tq-about-q-center{scale:1.045;box-shadow:0 16px 42px rgba(20,39,55,.14)}
.tq-about-q-meaning{
  min-height:2.8em;
  margin:12px auto 0!important;
  color:var(--about-ink)!important;
  font-size:clamp(15px,1.5vw,18px);
  font-weight:500;
  line-height:1.45;
  text-align:center;
  transition:opacity .18s ease,transform .18s ease;
}
.tq-about-q-meaning.is-changing{opacity:0;transform:translateY(4px)}
.tq-about-ecosystem{
  position:relative;
  display:grid;
  grid-template-columns:minmax(138px,.82fr) repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:12px;
  min-width:0;
  padding:14px 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.tq-about-ecosystem::before{
  position:absolute;
  top:50%;
  right:5%;
  left:5%;
  height:1px;
  background:linear-gradient(to right,rgba(250,101,42,.35),var(--about-line),rgba(250,101,42,.35));
  content:"";
}
.tq-about-ecosystem-hub,
.tq-about-ecosystem-links>div{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  min-height:108px;
  margin:0;
  padding:14px;
  border:1px solid var(--about-line);
  border-radius:12px;
  background:var(--about-surface);
  color:var(--about-ink);
  box-shadow:0 8px 24px rgba(20,39,55,.045);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.tq-about-ecosystem-hub{flex-direction:row;align-items:center;gap:10px;background:var(--about-surface-raised)}
.tq-about-hub-mark{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border:1px solid var(--about-orange);
  border-radius:50%;
  color:var(--about-orange);
  font-size:19px;
  font-weight:600;
}
.tq-about-ecosystem-hub strong,
.tq-about-ecosystem-links strong{display:block;color:var(--about-ink);font-size:14px;font-weight:600}
.tq-about-ecosystem-hub small,
.tq-about-ecosystem-links small{display:block;margin-top:5px;color:var(--about-muted);font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.tq-about-ecosystem-links{display:contents}
.tq-about-ecosystem-links>div{display:flex}
.tq-about-ecosystem-hub:is(:hover,:focus-visible),
.tq-about-ecosystem-links>div:is(:hover,:focus-visible){transform:translateY(-2px);border-color:var(--about-orange);box-shadow:0 10px 26px rgba(250,101,42,.12)}
.tq-about-vision-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) 118px minmax(0,1.12fr);
  align-items:center;
  gap:clamp(12px,2vw,26px);
  min-width:0;
  padding:clamp(18px,2.4vw,30px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:#0D1D2B;
  box-shadow:0 20px 52px rgba(0,0,0,.14);
  color:#F4F4EF;
}
.tq-about-vision-side{min-width:0}
.tq-about-vision-label{display:block;margin:0 0 14px;color:#F4F4EF;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.tq-about-vision-today ul,
.tq-about-vision-connected ol{
  display:grid;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none;
}
.tq-about-vision-today ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.tq-about-vision-today li,
.tq-about-vision-connected li{
  display:grid;
  place-items:center;
  min-width:0;
  min-height:35px;
  padding:5px 7px;
  border:1px solid rgba(244,244,239,.18);
  border-radius:6px;
  color:#D4DCE0;
  font-size:11px;
  line-height:1.25;
  text-align:center;
  overflow-wrap:anywhere;
}
.tq-about-vision-today li:nth-child(3n+2){transform:translateY(4px)}
.tq-about-vision-merge{display:grid;justify-items:center;gap:7px;min-width:0}
.tq-about-vision-merge>span{color:#FFAD8C;font-size:9px;font-weight:700;letter-spacing:.1em}
.tq-about-vision-merge svg{display:block;width:100%;height:auto;overflow:visible}
.tq-about-vision-merge path{fill:none;stroke:rgba(250,101,42,.72);stroke-width:1.4;stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset 1.2s ease}
.tq-about-stage.is-active .tq-about-vision-merge path{stroke-dashoffset:0}
.tq-about-vision-merge path:last-child{stroke:#FA652A;stroke-width:2}
.tq-about-vision-connected ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr))}
.tq-about-vision-connected li{border-color:rgba(250,101,42,.52);color:#FFFFFF;overflow-wrap:normal;word-break:normal}
.tq-about-vision-connected p{margin:14px 0 0;color:#F4F4EF!important;font-size:13px;font-weight:600}
.tq-about-powered{
  grid-column:1/-1;
  margin:0!important;
  padding-top:14px;
  border-top:1px solid rgba(244,244,239,.16);
  color:#FFAD8C!important;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-align:right;
  text-transform:uppercase;
}
.tq-about-vision-audience{margin:16px 0 0!important;color:var(--about-muted);font-size:13px;line-height:1.6}
.tq-about-closing{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(24px,4vw,52px);
  width:min(78%,940px);
  margin:14px auto 0;
  padding:clamp(32px,4.5vw,56px);
  border:1px solid rgba(255,255,255,.12);
  border-left:3px solid var(--about-orange);
  border-radius:18px;
  background:#0D1D2B;
  box-shadow:0 20px 52px rgba(0,0,0,.15);
  opacity:.35;
  transform:translateY(10px);
  transition:opacity .45s ease,transform .45s ease;
}
.tq-about-stage.is-active .tq-about-closing,
.tq-about-static .tq-about-closing{opacity:1;transform:none}
.tq-about-closing .tq-about-kicker{color:#FFAD8C}
.tq-about-closing h2{max-width:18ch;margin:16px 0 10px;color:#F4F4EF!important;font-size:clamp(30px,3.6vw,46px);line-height:1.08}
.tq-about-closing p{margin:0;color:#D1D9DE!important;font-size:15px;line-height:1.5}
.tq-about-join{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:150px;
  min-height:50px;
  padding:0 22px;
  border-radius:999px;
  background:var(--about-orange);
  color:#07121E!important;
  text-decoration:none;
  font-size:14px;
  font-weight:700!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.tq-about-join:hover,
.tq-about-join:focus-visible{transform:translateY(-2px);box-shadow:0 9px 24px rgba(250,101,42,.25)}
@media(hover:hover) and (pointer:fine){
  .tq-about-action:hover{transform:translateY(-2px);border-color:var(--about-orange);background:var(--about-accent-soft)}
}
@media(max-width:920px){
  .tq-about-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:24px;width:calc(100% - 44px)}
  .tq-about-journey{width:calc(100% - 44px)}
  .tq-about-stage{grid-template-columns:minmax(0,1fr);gap:24px}
  .tq-about-stage-copy>p{max-width:650px}
  .tq-about-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tq-about-ecosystem{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tq-about-ecosystem::before{display:none}
  .tq-about-ecosystem-hub{grid-column:span 1}
  .tq-about-vision-panel{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}
  .tq-about-closing{width:100%}
}
@media(max-width:720px){
  .tq-about-hero,
  .tq-about-journey{width:calc(100% - 32px)}
  .tq-about-hero{grid-template-columns:1fr;gap:14px;min-height:0;padding:48px 0 58px}
  .tq-about-page h1{font-size:clamp(48px,12vw,66px)}
  .tq-about-hero-art{width:min(100%,430px);margin:0 auto}
  .tq-about-journey{padding-left:26px}
  .tq-about-journey::before,.tq-about-journey::after{left:6px}
  .tq-about-stage{gap:20px;padding:48px 0}
  .tq-about-stage::before{top:62px;left:-24px}
  .tq-about-flow{grid-template-columns:1fr;padding-left:14px}
  .tq-about-flow::before{top:22px;right:auto;bottom:22px;left:22px;width:1px;height:auto;background:linear-gradient(to bottom,var(--about-orange),rgba(250,101,42,.24))}
  .tq-about-flow li{grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;align-items:center;gap:3px 12px;min-height:68px;padding:7px 0;text-align:left}
  .tq-about-flow-number{grid-row:1/3;grid-column:1;width:42px;height:42px}
  .tq-about-flow-step{grid-column:2;align-self:end;font-size:13px}
  .tq-about-product{grid-column:2;align-self:start;font-size:12px}
  .tq-about-principles{grid-template-columns:1fr;grid-auto-rows:auto}
  .tq-about-principle{min-height:0;padding:18px 0}
  .tq-about-privacy-practice ul{grid-template-columns:1fr}
  .tq-about-q-sequence{height:340px}
  .tq-about-q-term:nth-of-type(1){left:17%}
  .tq-about-q-term:nth-of-type(2){right:8%}
  .tq-about-q-term:nth-of-type(3){left:0}
  .tq-about-q-term:nth-of-type(4){right:0}
  .tq-about-q-term:nth-of-type(5){left:13%}
  .tq-about-q-term:nth-of-type(6){right:13%}
  .tq-about-q-term:nth-of-type(7){left:42%}
  .tq-about-q-center{width:96px;font-size:58px}
  .tq-about-ecosystem{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .tq-about-ecosystem-hub{grid-column:1/-1;min-height:80px}
  .tq-about-ecosystem-links>div{min-height:90px;padding:12px}
  .tq-about-vision-panel{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px}
  .tq-about-vision-today ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tq-about-vision-merge{grid-template-columns:1fr;gap:5px}
  .tq-about-vision-merge svg{width:72px;height:48px;transform:rotate(90deg)}
  .tq-about-vision-merge>span{font-size:10px}
  .tq-about-vision-connected ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tq-about-vision-connected li:last-child{grid-column:1/-1}
  .tq-about-powered{padding-top:12px}
  .tq-about-closing{grid-template-columns:1fr;gap:22px;width:100%;padding:28px 22px}
  .tq-about-join{justify-self:start}
}
@media(max-width:420px){
  .tq-about-hero,
  .tq-about-journey{width:calc(100% - 28px)}
  .tq-about-hero-art{width:min(100%,370px)}
  .tq-about-orbit-label{min-height:34px;padding:0 9px;font-size:11px}
  .tq-about-audience-message{font-size:13px}
  .tq-about-q-sequence{height:310px}
  .tq-about-q-term{min-width:64px;min-height:44px;padding:7px 10px;font-size:12px}
  .tq-about-q-term:nth-of-type(1){min-width:82px}
  .tq-about-q-term:nth-of-type(2){min-width:66px}
  .tq-about-q-term:nth-of-type(3){min-width:64px}
  .tq-about-q-term:nth-of-type(4){min-width:80px}
  .tq-about-q-term:nth-of-type(5){min-width:64px}
  .tq-about-q-term:nth-of-type(6){min-width:76px}
  .tq-about-q-term:nth-of-type(7){min-width:64px}
  .tq-about-ecosystem{grid-template-columns:1fr 1fr}
  .tq-about-ecosystem-links>div{min-height:82px}
  .tq-about-vision-today li,.tq-about-vision-connected li{font-size:10px}
  .tq-about-closing{padding:25px 18px}
  .tq-about-closing h2{font-size:clamp(28px,8vw,36px)}
  .tq-about-join{width:100%}
}
@media(hover:none){
  .tq-about-orbit-track,
  .tq-about-orbit-label{animation-play-state:paused}
}
@media(prefers-reduced-motion:reduce){
  .tq-about-page *,
  .tq-about-page *::before,
  .tq-about-page *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .tq-about-stage,.tq-about-friction-item,.tq-about-closing{opacity:1!important;transform:none!important}
  .tq-about-q-term,.tq-about-q-center{scale:1!important}
}